HTML 문서의 헤드 요소에는 요소, 요소, <script> 요소 . <br/><p>문서 헤더는 문서 제목, 웹에서의 위치, 다른 문서와의 관계 등 문서의 다양한 속성과 정보를 설명합니다. 헤더 요소는 이 정보를 정의하는 데 사용됩니다. 이 글은 html 문서의 head 요소의 역할을 이해할 수 있도록 html 문서의 head 요소를 소개하는 글입니다. [동영상 튜토리얼 추천: <a href="http://www.php.cn/course/list/11.html" target="_blank">HTML 튜토리얼]<p style="text-align: center;"><img src="https://img.php.cn/upload/article/000/000/024/5c18b67545a8c13HTML 문서의 헤드 요소는 무엇입니까"/ alt="HTML 문서의 헤드 요소는 무엇입니까" ><p><span style="max-width:90%"><strong>html <head> 요소 <p><head> 요소는 문서의 헤드를 정의하는 데 사용되며 다른 모든 헤드 요소에 대한 컨테이너입니다. . HTML 문서의 다양한 속성과 정보는 <head> 요소에 정의됩니다. <p>가장 기본적인 필수 요소가 포함된 간단한 HTML 문서를 살펴보겠습니다. <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标题</title> </head> <body> </body> </html></pre><div class="contentsignin">로그인 후 복사</div></div><p><head> 태그와 <body> , 다른 헤더 요소가 포함되어 있습니다. </p><p><span style="font-size: 18px;"><strong>html <meta> 요소 </strong></span></p><p><meta> 요소는 웹 페이지의 문자 세트, 페이지 설명, 키워드, 작성자 및 기타 메타데이터를 지정하는 데 사용됩니다. </p><p>그 중 메타데이터는 주로 웹 페이지 순위를 높이기 위해 브라우저, 검색 엔진 및 기타 웹 서비스에 제공됩니다. </p><p><meta> 요소를 사용하는 방법을 살펴보겠습니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">//定义字符集 <meta charset = "UTF-8" > //为搜索引擎定义关键字 <meta name = "keywords" content = "php教程,php入门教程,php视频教程,php源码下载,php手册" > //定义网页的说明 <meta name = "description" content = "php中文网提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！" > //定义网页的作者 <meta name = "author" content = "php中文网" > //定义每30秒刷新一次文档： <meta http-equiv = "refresh" content = "30" > //控制视口（HTML5提供的新属性） <meta name = "viewport" content = "width = device-width，initial-scale = 1.0" ></pre><div class="contentsignin">로그인 후 복사</div></div><p>설명: 뷰포트는 웹 페이지에서 사용자가 볼 수 있는 영역입니다. 이는 장치마다 다르며 컴퓨터 화면보다 휴대폰에서 더 작게 보입니다. </p><p><span style="font-size: 18px;"><strong>html <title> 요소 </strong></span></p><p><title> 요소는 모든 HTML 또는 XHTML 문서에 적용할 수 있는 문서의 제목을 정의하는 데 사용됩니다. </p><p><title> 요소의 기능: </p><p>1. 제목은 브라우저 탭에서 정의할 수 있습니다. </p><p>2. 즐겨찾기에 추가할 때 페이지 제목을 지정할 수 있습니다. </p><p>3. 페이지 제목이 검색 엔진 결과에 표시될 수 있습니다. </p><p>예: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网</title> </head> <body> <p>正文的内容显示在浏览器窗口中。</p> <p>title元素的内容显示在浏览器标签，收藏夹和搜索引擎结果中。</p> </body> </html></pre><div class="contentsignin">로그인 후 복사</div></div><p>Rendering: </p><p style="text-align: center;"><img src="https://img.php.cn/upload/article/000/000/024/5c18b92ec6088231.jpg"/ alt="HTML 문서의 헤드 요소는 무엇입니까" ></p><p><strong><span style="max-width:90%">html <style> 요소 </span></strong></p><p><style> 요소는 HTML 페이지의 스타일을 설정하는 데 사용되며 인라인 CSS 스타일 코드가 작성됩니다. 요소 내의 < ;style> 예: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><style> body {background-color：pink;} h1 {color：red;} p {color：blue;} 这是一个标题 这是一个段落。로그인 후 복사Rendering: HTML 요소 요소는 외부 CSS 스타일 시트를 웹 페이지에 연결하는 데 사용됩니다. 기본 구문은 다음과 같습니다. 로그인 후 복사 예: 로그인 후 복사HTML 요소 </span></strong></p><p><script> 요소는 JavaScript와 같은 클라이언트측 스크립트를 정의하는 데 사용됩니다. </p><p><script> 요소에 스크립트 문을 포함할 수 있습니다. 예: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><script> console.log("<script> 元素"); 로그인 후 복사출력: 또한 src 속성을 통해 외부 스크립트 파일을 웹 페이지에 연결할 수 있습니다. 예: 로그인 후 복사 HTML < base> 요소 base> 요소는 페이지의 모든 상대 URL에 대한 기본 URL과 기본 대상을 지정하는 데 사용됩니다. 예: 로그인 후 복사요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되길 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
