この記事では、HTML の head タグ とは何なのか、head タグに含まれる要素について説明します。この記事を読むと、HTML の head タグについてより深く理解できるようになります。この記事では、簡単な方法を使用します。これらのタグの使い方を皆さんに理解してもらいましょう。使い方が分かれば、head タグをもっと上手に使うことができます。では、この記事を一緒に読みましょう
まず、HTML の head タグが何であるかを知る必要があります。 :
headタグはWebページのヘッダーに作用し、その内容は本文には表示されません。
HTML head タグ内の要素:
head タグを学習するには、その内部の要素を明確にするのとほぼ同じくらい簡単です。実際、head タグ内で使用できるタグはたくさんありますが、それらの
タグも
タグも使用できません HTML head タグの要素に関して言えば、まず思い浮かぶのは タグです。 <p></p>
<title> タグ Web ページのタイトルを定義します。これも必須のタグです。これを記述しないと、通常の Web ページで表示されるタイトルが自動的に追加されます。下の図は HTML 全体の head を示しています。 タグの使用コード: (詳細は後述) <strong><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>
<meta name="keywords" content="PHP,PHP中文网">
<meta name="description" content="网页描述的内容，这有不少字的，在搜索页面呈现的">
<meta http-equiv="refresh" content="5;http://www.php.cn">
</head>
<body>
hello world
</body>
</html></pre><div class="contentsignin">ログイン後にコピー</div></div></strong>レンダリング: </p><p></p><p></p> これは、タイトルを表示する title タグの効果です。 <p><img src="https://img.php.cn//upload/image/172/278/695/1535184665914726.png" title="1535184665914726.png" alt="HTMLのheadタグは何を意味しますか? head タグの正しい使用方法を説明する記事"/></p> <meta> タグについての 2 番目の説明: <p></p><p> このタグには次の 4 つの用途があります: <strong></strong>1. この <mate> タグは、head タグの最初の行に表示されます。 </p>Webページドキュメントのエンコードを設定する<p> ブラウザの文字化けを防ぐための現在のブラウザのエンコード方法を宣言します。 </p><p>使用方法は次のとおりです:<strong><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta charset="utf-8"></pre><div class="contentsignin">ログイン後にコピー</div></div></strong>これは HTML5 の仕様であり、</p><p>HTML4.01 の仕様は次のとおりです:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></pre><div class="contentsignin">ログイン後にコピー</div></div><p>2 この <mate> ウェブページの設定キーワードについて説明します。 </p> は、検索エンジンにサービスを提供するように設計されています。 <p></p>使い方は: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="keywords" content="PHP,PHP中文网"></pre><div class="contentsignin">ログイン後にコピー</div></div><strong> 説明: name="keywords" は固定の書き方です。キーワードは後で content 属性の属性値にカンマ区切りで設定されます。 </strong></p>3.<p>この<mate>タグはウェブサイトの説明に使用されます</p>、ここに対応する説明が書かれている場合、その情報は検索エンジンによってウェブサイトの紹介文に表示されます<p></p>これの使用方法は次のとおりです。 <p>rreee<strong>表示しにくいので写真を見せてください</strong></p><p></p><p>そこで設定したテキストが検索でこのボックスのテキストとして表示されます。 </p><p>4. 最後の <mate> タグは、<img src="https://img.php.cn//upload/image/801/962/237/1535184715501457.png" title="1535184715501457.png" alt="HTMLのheadタグは何を意味しますか? head タグの正しい使用方法を説明する記事"/>Web サイトのリダイレクト</p> を定義します。 <p></p>使い方: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="description" content="网页描述的内容，这有不少字的，在搜索页面呈现的"></pre><div class="contentsignin">ログイン後にコピー</div></div><strong> content 属性にはセミコロンで区切られた 2 つのパラメータが記述されており、5 秒後に目的の URL ページにジャンプすることを意味します。 </strong></p><p> 3 つ目は、HTML の head タグ内の <base> タグについてです。 </p><p></p> HTML の head タグにある Base タグは、これが設定されている限り、ウィンドウ内のリンクを開く方法を定義します。 Web ページの先頭にある場合、この Web ページはこのターゲット属性をハイパーリンクに追加する必要がなくなります。 <p><strong><base target=_blank> は、Web ページ内のすべてのハイパーリンクのターゲット アドレスが新しいウィンドウで開かれることを意味します (この属性は各リンクの target 属性によって上書きされます)。ベースタグを全員に 属性の 2 つの属性値: </strong></p><p></p><p>_blank: ターゲット URL を新しいウィンドウで開きます </p><p><strong></strong>_self: ターゲット URL を元のウィンドウで開きます (ブラウザのデフォルト) </p><ul class=" list-paddingleft-2" style="max-width:90%"><li><p> target 属性が設定されていない場合は、URL をクリックすると、_self を設定した場合と同様に、元の URL 上のターゲット URL に直接ジャンプします。 </p></li>もう 1 つは、URL を設定するために使用される <li>href 属性です。この属性を使用すると、この URL をクリックすると、ターゲット URL が新しいウィンドウに入力されます。これは一般的に使用されます: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="refresh" content="5;http://www.php.cn"></pre><div class="contentsignin">ログイン後にコピー</div></div>。 実際には 3 つの要素があります が、今は HTML を学習しているだけなので、この 3 つを知る必要はありません。これらはすべて head タグに書かれています。 <p><style> CSS コードはこの Web ページに記述されています</style></p>
<p><strong></strong><link> これは CSS コードをリンクするために使用されます (CSS をページに記述する必要がないことは誰もが知っているはずです)</p>
<p></p>
<p> <script> これは、JavaScript コードを現在の Web ページに挿入するために使用されます。 <strong></script></p></strong><ul class=" list-paddingleft-2" style="list-style-type: disc;"> さて、これでよく使われる head の紹介はほぼ終わりました。これを読めば、HTML で head タグを正しく使用できるようになります。ご質問がございましたら、以下よりお問い合わせください<li>
<p>[編集者の関連推奨事項]</p>
<p><a href="http://www.php.cn/php-weizijiaocheng-409071.html" target="_blank">ハッカーはPHPかPythonを学ぶべきですか? PHP と Python の 10 の違いを合理的に分析</a><br></p>
<p><a href="http://www.php.cn/html5-tutorial-408225.html" target="_blank"> HTML ファイルとは何ですか? HTML ファイルについての予備的な理解</a><br></p>
</li>
</ul>
以上がHTMLのheadタグは何を意味しますか? head タグの正しい使用方法を説明する記事の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
