HTML <article> 요소는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 배포 또는 재사용할 수 있는 구획을 나타냅니다. 게시판 글과 블로그 포스트, 매거진과 뉴스 기사, 사용자 댓글, 상품 카드, 대화형 위젯 등 무엇이나 가능합니다.

불러오는 중...

<article class="forecast">
  <h1>서울 예보 - 3일</h1>
  <article class="day">
    <h2>2021. 03. 01</h2>
    <p></p>
  </article>
  <article class="day">
    <h2>2021. 03. 02</h2>
    <p>소나기</p>
  </article>
  <article class="day">
    <h2>2021. 03. 03</h2>
    <p>호우</p>
  </article>
</article>

하나의 문서는 여러 개의 <article>을 가질 수 있습니다. 사용자가 페이지의 마지막으로 스크롤하면 계속 해서 다음 글을 보여주는 블로그의 경우, 각각의 글이 <article> 요소가 됩니다. 그 안에 다시 다수의 <article><section>이 존재할 수 있습니다.

특성

전역 특성만 포함합니다.

사용 일람

  • 각각의 <article>을 식별할 수단이 필요합니다. 주로 제목 요소(<h1> - <h6>)를 <article>의 자식으로 포함하는 방법을 사용합니다.
  • <article> 요소가 중첩되어 있으면 안쪽 <article>은 바깥과 관련 있는 글을 나타냅니다. 따라서 블로그 글의 댓글은, 본문을 나타내는 <article> 안에 댓글을 나타내는 <article>을 중첩해서 나타낼 수 있습니다.
  • <article> 요소의 작성자 정보는 <address> 요소로 제공할 수 있습니다. 다만 중첩된 자식 <article>은 그 영향을 받지 않으며, 자신만의 <address>를 포함해야 합니다.
  • 글의 출판 날짜와 시간은 <time> 요소의 datetime 특성으로 제공할 수 있습니다.

명세

HTML Living Standard

브라우저 호환성

IEEdgeChromeSafariFirefox
912554
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
4.2지원지원4지원
MDN BCD에서 가져오는 데이터입니다.

같이 보기

마지막 업데이트:
이 페이지를 오프라인에서 볼 수 있습니다.

sorto.me

CC BY-SA 4.0

based on MDN (contributors)