"Semantic tag"
의미가 있는 태그
VSCode에서 코드를 입력할 때,
위의 화면처럼 head, body로 나누고 입력한다.
그럼 head, body, nav, section, article, footer로
구분 짓는 이유는 무엇일까?🤔
우선 전부다 div로 나눠져 있다고 가정해 보자.
코드 수정이 필요하여 부탁한다면
어느 부분의 div인지 정확히 알아야 한다.
의미 없는 태그로 인해
개발자 간의 의사소통이 어려울 수 있다.
이처럼 시맨틱 태그를 사용하여 웹페이지를 구성한다면
코드 보기도 쉽고 잘 파악할 수 있다.
참고 자료: https://www.w3schools.com/html/html5_semantic_elements.asp
Hello