HTML 컨텐츠 요소와 <article>

 

Content sectioning

컨텐츠 구획 요소를 사용하면 문서의 콘텐츠를 논리적인 조각으로 체계화할 수 있다.

 

                                                                                                                                                                             

 

<article>

<article> 요소는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타낸다. (사용의 예로 게시판, 매거진, 뉴스 기사 등이 있다.)

 

하나의 문서가 여러 개의 <article>을 가질 수 있다. 예컨대 사용자가 스크롤하면 계속해서 다음 글을 보여주는 블로그의 경우, 각각의 글이 <article> 요소가 되며, 그 안에는 또 여러 개의 <section>이 존재할 수 있다.

 

출처 MDN (https://developer.mozilla.org/ko/docs/Web/HTML/Element/article)

 

<article> 요소의 특성과 사용 :

• 전역 특성(Global attributes)이 있어 HTML에서 전역으로 사용할 수 있는 특성이 있다.
• 각각의 <article>을 식별할 수단이 필요하며, 주로 제목(<h1>~<h6>) 요소를 <article>의 자식으로 포함하는 방법을 사용한다.
• <article> 요소가 중첩되어 있을 때는, 안쪽의 요소는 바깥쪽과 관련된 글을 나타내야 한다. 예를 들어 블로그 글에 대한 댓글은, 글의 <article> 요소 안에 중첩한 <article>로 나타낼 수 있다.
• <article> 요소의 작성자 정보를 <address> 요소를 이용하여 제공할 수 있다. 그러나 중첩 <article>에는 적용되지 않는다.
• <article> 요소의 작성일자와 시간은 <time> 요소의 datetime 속성을 이용하여 설명할 수 있다. 참고로 <time> 요소의 pubdate 속성은 더 이상 W3C HTML5 표준안에 포함되지 않는다.