1. HTML <head> 요소
<head> 요소는 모든 head 요소에 대한 컨테이너입니다. <head> 내의 요소에는 브라우저에 스타일 시트를 찾을 위치, 메타 정보 제공 등을 지시하는 스크립트가 포함될 수 있습니다.
헤드 섹션에 <title>, <base>, <link>, <meta>, <script> 및 <style> 태그를 추가할 수 있습니다.
2. HTML <제목> 요소
<title> 태그는 문서의 제목을 정의합니다.
title 요소는 모든 HTML/XHTML 문서에 필요합니다.
제목 요소는 다음을 수행할 수 있습니다.
(1) 브라우저 도구 모음에서 제목을 정의합니다.
(2) 페이지를 즐겨찾기에 추가했을 때 표시되는 제목을 제공합니다.
(3) 검색 엔진 결과에 표시되는 페이지 제목
<head><metacharset=utf-8><title>Dotcpp 프로그래밍</title></head>
3. HTML <base> 요소
<base> 태그는 페이지의 모든 링크에 대한 기본 주소 또는 대상을 지정합니다.
<!DOCTYPEhtml><html><head><metacharset=utf-8><title><base>태그 데모</title><basehref=https://www.dotcpp.com/></head><body ><ul><li><ahref=course/>홈페이지</a></li><li><ahref=course/html/>HTML 튜토리얼</a></li></ul></body ></html>
4. HTML <link> 요소
<link> 태그는 문서와 외부 리소스 간의 관계를 정의합니다.
<link> 태그는 스타일 시트를 연결하는 데 가장 일반적으로 사용됩니다.
<head><styletype=text/css>body{Background-color:yellow}p{color:blue}</style></head>5. HTML <style> 요소
<style> 태그는 HTML 문서의 스타일 정보를 정의하는 데 사용됩니다.
스타일 요소 내에서 HTML 요소가 브라우저에서 렌더링되는 방식을 지정할 수 있습니다.
6. HTML <meta> 요소
메타데이터는 데이터에 대한 정보입니다.
<meta> 태그는 HTML 문서에 대한 메타데이터를 제공합니다. 메타데이터는 페이지에 표시되지 않지만 기계에서 읽을 수 있습니다.
일반적으로 메타 요소는 페이지 설명, 키워드, 문서 작성자, 마지막 수정 시간 및 기타 메타데이터를 지정하는 데 사용됩니다.
<meta> 태그는 항상 head 요소 내에 위치합니다.
메타데이터는 브라우저(콘텐츠를 표시하거나 페이지를 다시 로드하는 방법), 검색 엔진(키워드) 또는 기타 웹 서비스에서 사용할 수 있습니다.
검색 엔진용 키워드
일부 검색 엔진은 메타 요소의 이름 및 콘텐츠 속성을 사용하여 페이지를 색인화합니다.
다음 메타 요소는 페이지 설명을 정의합니다.
<metaname=descriptioncontent=FreeWebtutorialsonHTML,CSS,XML/>
다음 메타 요소는 페이지의 키워드를 정의합니다.
<메타이름=키워드콘텐츠=HTML,CSS,XML/>
이름과 콘텐츠 속성은 페이지의 콘텐츠를 설명하는 데 사용됩니다.
7. TML <script> 요소
<script> 태그는 JavaScript와 같은 클라이언트 측 스크립트를 정의하는 데 사용됩니다.
이에 대해서는 자세히 설명하지 않겠습니다.
HTML 헤더 요소