1. 문서의 구조
- HTML5에서는 div 태그들이 헤더, 내용, 푸터, 메뉴 등을 용도에 따라 세분화되었다.
- 기본과 같이 div 태그만으로 작업하는 것도 가능하지만, 용도에 맞는 태그들을 적절히 사용하면 더욱 시멘틱한 웹을 표현할 수 있다.
- 시맨틱 태그: 의미론적 태그
1-1. semantic
-
SEO(Search Engine Optimization)
-> 검색을 최적화하기 위해서 우리가 제목, 부제목, 시멘틱 태그를 잘 활용해야 한다.
-> 시멘틱 태그를 잘 활용하면, 특정 키워드로 검색했을 때, 내가 만든 웹사이트가 검색창에 노출될 수 있다.
-> 다시 말해, 브라우저의 검색 엔진이 내가 만든 웹사이트를 어떤 검색 결과에 띄워줘야 될지를 알려줄 수 있다. -
유지보수성
-> 단순히 div 태그로만 모든 구조를 짜는 것보다는 더 한 눈에 알아볼 수 있기 때문에 개발자들이 코드를 유지보수하기 더 편해진다.
