설명
HTML5에서 도입되었음
The HTML Article Element (<article>) represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable, e.g., in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
When an <article> element is nested, the inner element represents an article related to the outer element. For example, the comments of a blog post can be <article> elements nested in the <article> representing the blog post.
Author information of an <article> element can be provided through the <address> element, but it doesn't apply to nested <article> elements.
The publication date and time of an <article> element can be described using the pubdate attribute of a <time> element.
<article>요소는 문서나 웹페이지, 어플리케이션, 사이트 내에서 독립적인 내용을 가리킨다. <article>은 독립적으로 발행할 수 있고 재사용이 가능하다.
<article>요소의 예로는 다음과 같은 것들이 있다. 포럼의 글 하나, 잡지나 신문의 기사 하나, 블로그의 글 하나, 사용자가 단 댓글 하나, 인터렉티브 위젯이나 가젯, 독립적인 항목 등등. <article>요소를 겹쳐서 쓰는 경우에는 안에 들어있는 <article>요소가 밖에 있는 <article>요소와 관계있다는 의미이다. 예를 들어 블로그 글에 달린 댓글은 블로그 글 <article> 하위의 <article>이 될 수 있다.
<article>의 저자정보는 <address>요소를 사용해서 표기할 수 있다. 그러나 이런 경우는 <article>요소를 겹쳐서 쓴 경우라고 할 수 없다.
<article>요소의 발행일 정보를 표시하려면 <time>요소를 사용하되, pubdate속성을 사용해서 표시할 수 있다.
Usage Context
| Permitted content | Flow content |
| Tag omission | None, both the start tag and the end tag are mandatory |
| Permitted parent elements | Any element that accept Flow content. Note that an <article> element must not be a descendant of an <address> element. |
| Normative document | HTML5, section 4.4.4 |
속성
This element has no other attributes than the global attributes, common to all elements.
예제
<article> <h4>A really awesome article</h4> <p>Lots of awesome text.</p> </article>
<article> <h4>진짜 재밌는 글</h4> <p>재밌는 글이 진짜 많다.</p> </article>
DOM Interface
This element implements the HTMLElement interface.
호환성
| 기능 | 구글크롬 | 파이어폭스Gecko) | 인터넷 익스플로러 | Opera | Safari |
|---|---|---|---|---|---|
| 기본적인 지원 | 지원 | 4.0 (2.0) | 9.0 | 11.0 | 4.0 |
| 기능 | 안드로이드 | 파이어폭스 모바일(Gecko) | 인터넷 익스플로러 모바일 | 오페라 모바일 | 사파리 모바일 |
|---|---|---|---|---|---|
| 기본적인 지원 | ? | 4.0 (2.0) | ? | ? | ? |
