HTML5 시맨틱 구조 태그

https://dahanweb.tistory.com/25

html5 시맨틱 태그 종류

header 헤더를 의미
nav 네비게이션을 의미
article 기사처럼 글자가 많이 들어가는 부분을 의미
section 여러 중심 내용을 감싸는 공간의 의미
aside 사이드에 위치하는 공간을 의미
footer 푸터를 의미

html4에서는 div의 id나 클래스에 속성값을 넣어썼ㅈ만 html5에서는 그냥 태그로 씀

article의 header 태그가 검색으로 잡힌다

참고:

세번째. <article> 태그
관심사에 따라 글을 작성하기 위해 사용하는 요소입니다.
article 태그로 감싼 부분이 `독립적`으로 존재해도 되는 경우에 쓰입니다. ex ) 블로그 글,날씨 위젯
article 요소는 문법상 ‘반드시’ 제목 요소(h1 ~ h6)을 가져야 합니다.
이 섹션의 관심사가 무엇인지 검색 로봇에 알려주는 것입니다.
article태그 안에 section태그가 있어도 되고, section 태그 안에 article태그가 있어도 됩니다.
IE7까지 지원을 하려면 다음과 같이 써줘야 되요
<div class="article"> </div>

출처: https://medium.com/@soeunlee/%EC%8B%9C%EB%A7%A8%ED%8B%B1%ED%95%98%EA%B2%8C-html%EC%9D%84-%EC%A7%A0%EB%8B%A4%EB%8A%94-%EA%B2%83-90612ffc988e