>  기사  >  웹 프론트엔드  >  HTML5의 기사 태그란 무엇입니까? HTML5에서 기사 요소는 어디에 사용됩니까?

HTML5의 기사 태그란 무엇입니까? HTML5에서 기사 요소는 어디에 사용됩니까?

寻∝梦
寻∝梦원래의
2018-08-15 13:29:0916604검색

HTML5의 기사 태그란 무엇인가요? HTML5에서 기사 요소는 어디에 사용됩니까? 이 문서에서는 주로 HTML5의 기사 태그가 무엇인지, 기사가 어디에 사용되는지, HTML5의 기사 태그의 표준 속성이 무엇인지 설명합니다. 살펴보겠습니다. (기사 article 태그 끝에 요소에 대한 자기 소개가 있습니다)

HTML5의 기사 태그 설명:

HTML5의 이 태그는 DIV 구조를 대체한다는 의미를 갖습니다. 외부 프레임 우리가 자주 정의하는 가장 바깥쪽 DIV 쌍과 마찬가지로 이제 자체 계층 구조를 가진 다양한 태그가 있습니다.

그래서 기사 아래에는 다른 태그도 많이 있어야 합니다. 결합 후에는 열과 같은 디자인이 구현됩니다. CSS도 이에 따라 스타일 표시를 지원합니다. 동시에 JS에도 일부 변경이 필요합니다. HTML5가 일부 복제되기 때문입니다.

이전 버전에 비해 HTML5로 문서 작성 시 일부 태그가 추가되었습니다. 머리글, 바닥글, 콘텐츠 영역 등의 요소 구조 그 중 주요 구조 요소에 기사 및 섹션 요소가 추가됩니다. 그렇다면 기사를 사용할 때와 섹션을 사용할 때의 차이점은 무엇인가요?

HTML5의 문장에 대해 알고 싶습니다.HTML5의 섹션 태그가 무엇인가요? HTML5에서 섹션 태그를 중앙에 배치하는 방법은 무엇입니까?

article 요소는 외부에서 참조할 수 있는 문서, 페이지 또는 애플리케이션의 독립적이고 완전한 콘텐츠를 나타내며 기사, 게시물, 댓글 또는 독립 플러그인의 형태로 나타날 수 있습니다. 콘텐츠 주제 외에도 기사 요소에는 일반적으로 자체 제목과 바닥글이 있습니다.

HTML5의 기사 태그 정의 및 사용법:

23c3de37f2f9ebcb477c4a90aac6fffd 태그는 외부 콘텐츠를 정의합니다.

외부 콘텐츠는 외부 뉴스 제공자의 새 기사, 블로그의 텍스트, 포럼의 텍스트일 수 있습니다. 또는 다른 외부 소스의 콘텐츠.

예가 있습니다:

<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, 
Apple announced the release of Safari 5 for Windows and Mac......
</article>

article은 중첩될 수 있는 요소입니다. 원칙적으로 기사의 내부 레이어는 외부 레이어의 내용과 관련되어야 합니다. 예를 들어 기사의 본문과 본문에 대한 댓글입니다. 기사와 중첩될 수 있습니다.

섹션은 텍스트와 코멘트를 구분하는 블록 영역의 요소이며, 이에 대해서는 다음 강의에서 설명하겠습니다. 기사는 매우 완전하고 독립적이며 각 댓글을 구분합니다.

article은 플러그인을 나타내는데도 사용할 수 있습니다. 다음은 플러그인이 웹 페이지에 완전히 포함된 것처럼 보이도록 하는 코드입니다.

HTML5 기사 태그의 표준 속성:

class, contenteditable, contextmenu, dir, draggable, id, irrelevant,

lang, ref, Registrationmark, tabindex, template, title

여기에서는 기사 태그를 사용합니다. 기사 레이아웃 예, 기사 요소 태그를 마스터하려면 이 예를 사용하십시오.

전체 HTML5 예제 코드:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>article 实例 ThinkCSS</title>
<style>
article{ color:#000}
article h1{ color:#F00}
</style>
</head>
<body>
<article>
    <h1>文章标题</h1>
    <p>文章段落一,内容CSS技术上ThinkCSS网 ...</p>
    <p>文章段落二,内容CSS技术上ThinkCSS网 ...</p>
    <p>段落三,内容CSS技术上ThinkCSS网 ...</p>
</article>
</body>
</html>

팁 및 참고 사항:

참고: 23c3de37f2f9ebcb477c4a90aac6fffd 태그의 내용은 문서의 나머지 부분과 별개입니다.

【요소에는 할 말이 있습니다】

article:

안녕하세요 동지들, 저는 Article입니다. 이는 섹션보다 의미가 더 명확하고 관련 콘텐츠의 독립적이고 완전한 블록을 나타냅니다. 일반적으로 제목 섹션(보통 헤더 내에 포함됨)이 있고 때로는 바닥글도 포함됩니다. 섹션은 주제별 콘텐츠이기도 하지만 구조와 콘텐츠 측면에서 독립적이고 완전하며 외부에서 참조할 수 있는 문서, 페이지 또는 애플리케이션의 독립적이고 완전한 콘텐츠를 나타냅니다. 예: 블로그의 기사, 포럼의 게시물, 시청자의 댓글 등 기사 요소는 콘텐츠의 독립적인 부분이므로 일반적으로 기사 요소에는 머리글(머리글 요소)과 바닥글 요소(바닥글 요소)가 포함됩니다.

【관련 추천】

HTML5에서 웹이란 무엇인가요? 웹스토리지의 구성요소는 무엇인가요?

HTML IMG 태그의 속성은 무엇인가요? IMG 태그 사용 방법 알아보기








위 내용은 HTML5의 기사 태그란 무엇입니까? HTML5에서 기사 요소는 어디에 사용됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.