head 태그는 메타데이터를 저장하고 있는 태그 부분으로,주로 제목, 문자집합, 스타일, 스크립트, 기타 메타정보를 정의하는데 쓰인다.
화면에 표시되지는 않는다.
title : 제목 표시
style : 스타일링 하는 부분. 문서가 길어질수록 style 부분도 길어지기 때문에 link태그를 통해 따로 css 파일을 링크시키는 것이 권장된다.
link : 외부 리소스와의 관계를 저장하고 연결시키는 역할. 외부 라이브러리나 font 등을 연결하여 사용할 수 있음.
meta : 사용된 문자의 집합(charset), 키워드, 페이지 설명, 작성자 등을 정의하는 데 사용된다.
script : 자바스크립트를 사용하기 위해 태그가 사용된다. 보통 script src="스크립트 주소"를 통해 연결하여 사용한다.
Semantic 태그는 HTML5에서 추가된 태그로, 웹 페이지의 구조를 더욱 의미론적으로 표현하는 데 사용됩니다.
이전 버전의 HTML에서는 div와 span 등의 일반적인 컨테이너 태그를 사용하여 웹 페이지를 구성했습니다.
그러나 이러한 태그들은 그 자체로는 어떤 의미도 가지지 않기 때문에, 웹 페이지의 내용을 이해하기 어려워지는 경우가 있습니다.
반면에, Semantic 태그는 웹 페이지의 내용과 의미를 더욱 명확하게 표현할 수 있습니다.
예를 들어, header, nav, main, article, section, aside, footer 등의 Semantic 태그를 사용하면 웹 페이지의 구조를 더욱 명확하게 표현할 수 있습니다. 이러한 Semantic 태그는 검색 엔진 최적화(SEO)에도 도움이 됩니다.
검색 엔진은 Semantic 태그를 분석하여 웹 페이지의 내용을 더욱 정확하게 인식하고, 검색 결과에서 더욱 높은 순위로 표시할 수 있습니다. 따라서 Semantic 태그는 웹 페이지의 구조를 더욱 의미론적으로 표현하고, 검색 엔진 최적화에도 도움이 되므로, 웹 개발에서 중요한 역할을 합니다.