HTMLのheadタグは何を意味しますか? head タグの正しい使用方法を説明する記事
base
head
html
meta
title
この記事では、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:php;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="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/172/278/695/1535184665914726.png" class="lazy" 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:php;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:php;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:php;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="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/801/962/237/1535184715501457.png" class="lazy" 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:php;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:php;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 サイトの他の関連記事を参照してください。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
KB5055612を修正する方法Windows 10にインストールできませんか？
4週間前
By DDD
<🎜>：バブルガムシミュレーターインフィニティ - ロイヤルキーの取得と使用方法
4週間前
By 尊渡假赌尊渡假赌尊渡假赌
<🎜>：庭を育てる - 完全な突然変異ガイド
3週間前
By DDD
Nordhold：Fusion System、説明
4週間前
By 尊渡假赌尊渡假赌尊渡假赌
マンドラゴラ：魔女の木のささやき - グラップリングフックのロックを解除する方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Java チュートリアル
1671
14
1671
14
CakePHP チュートリアル
1428
52
1428
52
Laravel チュートリアル
1331
25
1331
25
PHP チュートリアル
1276
29
1276
29
C# チュートリアル
1256
24
1256
24
HTMLの表の境界線
Sep 04, 2024 pm 04:49 PM
HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。
HTML のネストされたテーブル
Sep 04, 2024 pm 04:49 PM
これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。
HTML 左マージン
Sep 04, 2024 pm 04:48 PM
HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。
HTML テーブルのレイアウト
Sep 04, 2024 pm 04:54 PM
HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。
HTML入力プレースホルダー
Sep 04, 2024 pm 04:54 PM
HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。
PHPでHTML/XMLを解析および処理するにはどうすればよいですか？
Feb 07, 2025 am 11:57 AM
このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML（拡張可能なマークアップ言語）は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます
HTML の onclick ボタン
Sep 04, 2024 pm 04:49 PM
HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。
