Head
-
[부스트코스] Browser에서의 웹 개발부스트코스 코딩일지/웹 프로그래밍 기초 2020. 1. 19. 16:03
오늘은 크롬 브라우저 소스 코드를 보며 소스의 구성에 대해 알아보도록 하겠습니다. 전 시간에 말했듯이 크롬 브라우저는 개발자 도구를 제공하고 있는데요. 마우스 우클릭 > 개발자 도구를 통해서 확인할 수 있고 단축기 (Ctrl + Shift + I)를 통해서 볼 수 있습니다. 소스 코드를 살피어 보면 첫 부분에 을 확인할 수 있습니다. 그리고 소스의 마지막 부분을 보면 이라고 적혀있는데요. 이렇듯 html 태그를 통해 HTML 문서임을 확인할 수 있습니다. 또한 코드를 살피어보면 head, body 같은 것들을 통해 html이 계층적 구조로 이루어져 있음을 알 수 있습니다. head 요소의 정의는 '문서의 메타데이터 집합'입니다. 메타 데이터는 웹 페이지에 직접적으로 보이지 않는 정보라고 이해하면 되는데요..