Semantic html
각 구역을 나눌 때 div를 쓰지만, 이는 아무런 의미를 담지 못한다.
div 대신 header, footer 등과 같은 의미론적 태그를 사용한다면 그 안에 어떠한 내용을 담고 있는지 알 수 있다.
이러한 semantic html 태그를 사용하면 다음과 같은 이점이 있다.
- Accessibility - 브라우저가 코드를 더 잘 읽을 수 있도록 도움을 주며, 모바일에서 이용이 더 용이해진다.
- SEO(Serch Engine Optimization)
- Easy to Understand - 다른 개발자들도 쉽게 코드를 읽을 수 있다.
semantic html 태그에는 header, nav, main, footer 등이 있다.
front-end 신입 개발자