<article>

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

개요

HTML Article 요소 (<article>) 는 문서, 페이지, 에플리케이션,  혹은 사이트 안에 독립적으로 구분되거나 신디케이션과 같은 재사용이 가능한 영역을 구성할 수 있습니다. 포럼의 글, 매거진/신문의 기사, 블로그 글, 혹은 기타 콘텐츠의 독립적인 항목이 될 수도 있습니다. 각각의 <article>은 구분 가능해야 하고, 일반적으로 제목 요소 (h1-h6)를 자식으로 포함하고 있습니다.

사용 참고:

  • <article> 요소가 중첩되어 있을 때, 안쪽에 있는 요소는 바깥쪽에 있는 요소와 관련된 글을 나타냅니다. 예를 들어, 블로그 포스트의 댓글 영역은 블로그 포스트를 나타내는 <article> 요소 안에 중첩되는 <article> 요소로 표현할 수 있습니다.
  • <article> 요소의 작성자 정보는 <address> 요소를 이용하여 제공될 수 있지만, <article> 요소에 중첩하여 적용하지 않습니다. 
  • <article> 요소의 작성일자와 시간은 <time> 요소의 datetime 속성을 이용하여 설명할 수 있습니다. 참고로 <time> 요소의 pubdate 속성은 더 이상 W3C HTML5 표준안에 포함되지 않습니다.

속성

이 요소는 전역 속성.만을 포함합니다.

예제

<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)

같이 보기

문서 태그 및 공헌자

 이 페이지의 공헌자: naduhy2, azunyan3
 최종 변경: naduhy2,