chore: Semantic Tag 준수하기

[wherehows]

• [x] 포스트 리스트의 제목 heading 태그 적용
• [x] heading 계층 단계를 건너뛸수 없음
• [x] 사이드바 nav 태그 래핑하기
• [x] 아티클 영역에 main 태그 적용하기
• [ ] 아티클 요소에 article 태그 적용하기
• [ ] nav 태그 내 list 래핑 제거하기
• [ ] Landmark Aria Role 적용하기

[wherehows]

참고

• https://developer.mozilla.org/ko/docs/Web/HTML/Element/Heading_Elements
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav
• https://www.smashingmagazine.com/2022/09/wai-aria-guide/
• https://www.stanventures.com/blog/multiple-h1-tags/

main 태그

• https://www.w3schools.com/tags/tag_main.asp

header 태그가 nav 태그를 포함하는 것에 관하여

• https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure

nav 태그 내 list 요소 올 수 없음

• https://html.spec.whatwg.org/multipage/sections.html#the-nav-element
• https://css-tricks.com/navigation-in-lists-to-be-or-not-to-be/

nav 태그에 외부 링크를 넣는 것에 관한 이슈

• https://webmasters.stackexchange.com/questions/86692/bad-to-add-external-link-in-the-navbar
• https://www.quora.com/Are-external-links-on-a-page-bad-for-SEO

단순 header 태그가 navigation이 아닌 h1 태그를 감쌀 수 있는가에 관한 정보

• https://www.w3.org/TR/2011/WD-html5-author-20110809/the-header-element.html