[HTML] HTML section, article, nav, aside, main

기본 ! : mdn html elements 공식 문서 참고할것

1. section, article, nav, aside

   • sectioning element 내에는 반드시 heading 태그를 작성해야한다. heading 태그는 section은 내부의 콘텐츠를 설명하는 역할을 한다. heading tag는 모든 사용자 특히 screenreader를 사용하는 사용자에게 유용하고 SEO를 위해서도 좋다.section heading tag와 관련된 MDN 문서

   • article : 기사, 블로그 등 콘텐츠로서 완결성이 있는 경우 사용. 혼자 독립적으로 구분해서 배포하거나 재사용할 수 있는 구획을 나타낸다.

   • aside : sidebar나 call-out box로 자주 사용된다. 본 콘텐츠와 간접적인 연관성이 있을 때 사용한다.

   <section>
     <h1>섹션의 제목</h1>
     <p></p>
   </section>
   
   <nav>
     <h1>메뉴</h1>
     <ul>
       <li></li>
       <li></li>
       <li></li>
     </ul>
   </nav>
   

2. main

   • 전체 화면에서 메인파트를 의미하며 그렇기 때문에 main 태그는 한 화면에 하나만 노출되어야한다. 전달하고자하는 메세지와 직접적으로 연관되어있으며 앱의 중심이되는 기능을 담당한다.