[HTML/CSS] 📚 메타데이터 요소

📋 기억하고 싶은 내용

📌 메타데이터의 역할

• HTML 문서를 설명하는 데이터를 메타데이터라 하고, head 요소 내부에 작성되어 있다.

📌 title

• head 요소 내부에 title 요소는 하나만 존재해야 한다.
• 단순히 명사만으로 나열된 제목은 광고 페이지로 인식해 검색 알고리즘이 결과에서 순서를 아래로 내린다.

📌 meta

• meta 요소의 name 속성과 content 속성이 짝을 이룬다.
• meta 요소를 작성하는 것은 필수 요소는 아니여서 개인 프로젝트에서는 굳이 작성하지 않아도 되지만, 엔터프라이즈 프로젝트에서는 꼼꼼하게 작성해야 한다.
• 굳이 뷰포트의 너비를 확대할 필요가 없으면 initial-scale 값을 1.0으로 지정하는 것이 기본이다.

📌 MIME 타입

• link 요소를 사용해 외부 파일을 불러올 뿐 해당 파일이 어떤 형식인지는 분석하지 못한다. 그래서 type 속성을 명시하는 것인데, 이를 MIME 타입이라 한다.
• 대소문자 구분없이 작성 가능하지만, 가독성을 위해 소문자를 사용한다.

📌 script

• HTML 문서는 script 요소를 먼저 해석하기 때문에 script 요소는 body 요소 내부 제일 하단에 작성하는 것이 좋다.

🔗 참고 래퍼런스

• HTML head란? - MDN
• <title>: 문서 제목 요소 - MDN
• <meta>: 문서 레벨 메타데이터 요소 - MDN
• 표준 메타데이터 이름 - MDN
• <link>: 외부 리소스 연결 요소 - MDN
• MIME 타입 - MDN
• Common MIME types - MDN
• <style>: 스타일 정보 요소
• <script>: 스크립트 요소