반응형
main
-
[HTML] 용도에 따른 태그 사용 (Semantic tag) - header,nav,footer,main,aside,section,article웹/HTML 2023. 1. 7. 16:33
시맨틱 태그가 무엇인가요? HTML5의 여러 태그들은 그 자체로 어떤 의미를 지닙니다. 이번 시간에 배울, 왼쪽 사이드바에 나열된 태그들은 기능적으로는 div 태그와 동일하지만 각각의 종류 자체가 페이지에서 해당 요소가 갖는 의미와 역할을 나타내죠. 시맨틱 태그를 쓰면 뭐가 좋은가요? 웹 접근성 개선 스크린 리더로 페이지를 보는 사람들이 필요한 정보를 보다 수월히 찾을 수 있습니다. SEO (Search Engine Optimization) 검색엔진이 페이지를 분석할 때 각 정보의 종류를 파악하는데 도움이 됩니다. 유지보수와 가독성 모든 구획들이 div들로 구성된 페이지보다 코드를 읽고 구조를 파악하기 쉽습니다. 태그별 설명 header 페이지나 구획의 제목 역할을 하는 요소들을 두는데 사용됩니다. 로고..