ホームページ > 記事 > ウェブフロントエンド > HTMLドキュメントのhead要素とは何ですか
HTMLドキュメントのhead要素とは何ですか
- 青灯夜游オリジナル
- 2018-12-18 17:22:2810011ブラウズ
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><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标题</title> </head> <body> </body> </html></pre>ご覧のとおり、<head> 要素は <html> にあります。タグと <body タグの間には、他の head 要素が含まれます。 <p><p><span style="font-size: 18px;">html <meta> 要素 <strong><meta> 要素は、ページの文字セット、ページの説明、およびキーワードを指定するために使用されます。 Web ページ、作成者、その他のメタデータ。 <p> その中で、メタデータは主に、Web ページのランクを向上させるためにブラウザ、検索エンジン、その他の Web サービスに提供されます。 <p> <meta> 要素の使用方法を見てみましょう: <p><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> 説明: ビューポートは、Web ページ上でユーザーに表示される領域です。デバイスによって異なりますが、コンピューターの画面よりも携帯電話の方が小さく見えます。 <p><p><span style="font-size: 18px;">html <title> <strong><title> 要素は、すべての HTML に適用されるドキュメントのタイトルを定義するために使用されます。 XHTML ドキュメント。 <p><title>要素の役割:<p>1. タイトルはブラウザのタブで定義できます。 <p>2. お気に入りに追加するときに、ページのタイトルを指定できます。 <p>3. ページのタイトルは検索エンジンの結果に表示されます。 <p>例:<p><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>レンダリング:<p><p style="text-align: center;"><img src="https://img.php.cn/upload/article/000/000/024/5c18b92ec6088231.jpg"/ alt="HTMLドキュメントのhead要素とは何ですか" >##html <style>要素<p> <strong><span style="max-width:90%">#<style> 要素は、HTML ページのスタイルを設定するために使用されます。<style> 要素内に記述されます。例: <pre class="brush:css;toolbar:false"><style> body {background-color：pink;} h1 {color：red;} p {color：blue;} </style> <h1>这是一个标题</h1> <p>这是一个段落。</p></pre>レンダリング: <p><p><br/>##HTML <link>要素<p style="text-align: center;"><img src="https://img.php.cn/upload/article/000/000/024/5c18babb18bf2202.jpg"/ alt="HTMLドキュメントのhead要素とは何ですか" > <p><link> 外部 CSS スタイル シートを Web ページにリンクするために使用されます。基本的な構文は次のとおりです。 <span style="max-width:90%"><pre class="brush:css;toolbar:false"><link rel="stylesheet" href="css文件" /></pre><strong> 例: <pre class="brush:css;toolbar:false"><link rel="stylesheet" href="css/style.css" /></pre><p>HTML <script> <p><p><script> JavaScript などのクライアント側スクリプトを定義するために使用されます。 <strong><span style="font-size: 18px;"><script> 要素にスクリプト ステートメントを含めることができます。例: <pre class="brush:js;toolbar:false"><script> console.log("<script> 元素"); </script></pre>出力: <p><p>src 経由でも可能属性 外部スクリプト ファイルを Web ページにリンクします。例: <p><pre class="brush:js;toolbar:false"><script type="text/javascript" src="js/style.js" ></script></pre><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><base>ページを指定するために使用されます。 内のすべての相対 URL のベース URL とベース ターゲット。例: <span style="max-width:90%"><pre class="brush:html;toolbar:false"><base href = “http://www.php.cn” target = “_ blank” ></pre><strong> 概要: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。 </script>以上がHTMLドキュメントのhead要素とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLのimgタグの使い方次の記事：HTMLのimgタグの使い方