HTML ドキュメントの head 要素には、
要素、 要素、<script> 要素が含まれます。基本要素> <br/><p>ドキュメントのヘッダーは、ドキュメントのタイトル、Web 内の場所、他のドキュメントとの関係など、ドキュメントのさまざまな属性と情報を記述します。ヘッダー要素は定義に使用されます。これらの情報。この記事では、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ドキュメントのhead要素とは何ですか"/ alt="HTMLドキュメントのhead要素とは何ですか" ><p><span style="max-width:90%">#html <head>要素<strong> <head> 要素は、ドキュメントの先頭を定義するために使用され、他のすべての head 要素のコンテナーです。 <head> 要素には、HTML 文書のさまざまな属性や情報が定義されます。 <p>最も基本的な必須要素が含まれる単純な HTML ドキュメントを見てみましょう。<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>标题</title> </head> <body> </body> </html></pre><div class="contentsignin">ログイン後にコピー</div></div></p>ご覧のとおり、<head> 要素は <html> にあります。タグと <body タグの間には、他の head 要素が含まれます。 <p></p><p><span style="font-size: 18px;">html <meta> 要素 <strong></strong></span></p><meta> 要素は、ページの文字セット、ページの説明、およびキーワードを指定するために使用されます。 Web ページ、作成者、その他のメタデータ。 <p></p> その中で、メタデータは主に、Web ページのランクを向上させるためにブラウザ、検索エンジン、その他の Web サービスに提供されます。 <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> 説明: ビューポートは、Web ページ上でユーザーに表示される領域です。デバイスによって異なりますが、コンピューターの画面よりも携帯電話の方が小さく見えます。 <p></p><p><span style="font-size: 18px;">html <title> <strong></strong></span></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>レンダリング:<p></p><p style="text-align: center;"><img src="https://img.php.cn/upload/article/000/000/024/5c18b92ec6088231.jpg"/ alt="HTMLドキュメントのhead要素とは何ですか" ></p>##html <style>要素<p> <strong><span style="max-width:90%">#<style> 要素は、HTML ページのスタイルを設定するために使用されます。<style> 要素内に記述されます。例: </span><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;} </style> <h1>这是一个标题</h1> <p>这是一个段落。</p></pre><div class="contentsignin">ログイン後にコピー</div></div></strong>レンダリング: </p><p></p><p><br/></p>##HTML <link>要素<p style="text-align: center;"><img src="https://img.php.cn/upload/article/000/000/024/5c18babb18bf2202.jpg"/ alt="HTMLドキュメントのhead要素とは何ですか" ></p> <p><link> 外部 CSS スタイル シートを Web ページにリンクするために使用されます。基本的な構文は次のとおりです。 <span style="max-width:90%"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><link rel="stylesheet" href="css文件" /></pre><div class="contentsignin">ログイン後にコピー</div></div><strong> 例: </strong><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><link rel="stylesheet" href="css/style.css" /></pre><div class="contentsignin">ログイン後にコピー</div></div></span></p><p>HTML <script> </p><p></p><p><script> JavaScript などのクライアント側スクリプトを定義するために使用されます。 <strong><span style="font-size: 18px;"><script> 要素にスクリプト ステートメントを含めることができます。例: </span><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><script> console.log("<script> 元素"); </script></pre><div class="contentsignin">ログイン後にコピー</div></div></strong>出力: </p><p></p><p></p>src 経由でも可能属性 外部スクリプト ファイルを Web ページにリンクします。例: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><script type="text/javascript" src="js/style.js" ></script></pre><div class="contentsignin">ログイン後にコピー</div></div></p><p style="text-align: center;"><img src="https://img.php.cn//upload/image/317/724/506/1545124751943473.jpg" title="1545124751943473.jpg" alt="HTMLドキュメントのhead要素とは何ですか"/>HTML <base> </p><p></p><p><base>ページを指定するために使用されます。 内のすべての相対 URL のベース URL とベース ターゲット。例: <span style="max-width:90%"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><base href = “http://www.php.cn” target = “_ blank” ></pre><div class="contentsignin">ログイン後にコピー</div></div><strong> 概要: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。 </script>以上がHTMLドキュメントのhead要素とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
