현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.
개요
HTML Article
요소 (<article>) 는 문서, 페이지, 에플리케이션, 혹은 사이트 안에 독립적으로 구분되거나 신디케이션과 같은 재사용이 가능한 영역을 구성할 수 있습니다. 포럼의 글, 매거진/신문의 기사, 블로그 글, 혹은 기타 콘텐츠의 독립적인 항목이 될 수도 있습니다. 각각의 <article>
은 구분 가능해야 하고, 일반적으로 제목 요소 (h1-h6)를 자식으로 포함하고 있습니다.
사용 참고:
<article>
요소가 중첩되어 있을 때, 안쪽에 있는 요소는 바깥쪽에 있는 요소와 관련된 글을 나타냅니다. 예를 들어, 블로그 포스트의 댓글 영역은 블로그 포스트를 나타내는<article>
요소 안에 중첩되는<article>
요소로 표현할 수 있습니다.<article> 요소의 작성자 정보는
<address>
요소를 이용하여 제공될 수 있지만,<article>
요소에 중첩하여 적용하지 않습니다.<article> 요소의 작성일자와 시간은
<time>
요소의 datetime 속성을 이용하여 설명할 수 있습니다. 참고로<time>
요소의pubdate
속성은 더 이상 W3C HTML5 표준안에 포함되지 않습니다.
- 컨텐츠 범주 플로우 컨텐츠, sectioning content, palpable content.
- 허용된 컨텐츠플로우 컨텐츠.
- 태그 생략 None, both the starting and ending tag are mandatory.
- 허용된 부모 요소 플로우 컨텐츠ent.를 허용하는 요소.
<address>
요소는<article>
요소의 후손이 될수 없다는것을 주의. - DOM 인터페이스
HTMLElement
속성
이 요소는 전역 속성.만을 포함합니다.
예제
<article class="film_review"> <header> <h2>Jurassic Park</h2> </header> <section class="main_review"> <p>Dinos were great!</p> </section> <section class="user_reviews"> <article class="user_review"> <p>Way too scary for me.</p> <footer> <p> Posted on <time datetime="2015-05-16 19:00">May 16</time> by Lisa. </p> </footer> </article> <article class="user_review"> <p>I agree, dinos are my favorite.</p> <footer> <p> Posted on <time datetime="2015-05-17 19:00">May 17</time> by Tom. </p> </footer> </article> </section> <footer> <p> Posted on <time datetime="2015-05-15 19:00">May 15</time> by Staff. </p> </footer> </article>
사양
사양 | 상태 | 주석 |
---|---|---|
WHATWG HTML Living Standard The definition of '<article>' in that specification. |
Living Standard | |
HTML5.1 The definition of '<article>' in that specification. |
Working Draft | |
HTML5 The definition of '<article>' in that specification. |
Recommendation |
브라우저 호환성
기능 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 5 | 4.0 (2.0) | 9.0 | 11.10 | 4.1 |
기능 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 2.2 | 4.0 (2.0) | 9.0 | 11.0 | 5.0 (iOS 4.2) |