コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML ヘッド タグ (Web ページ ヘッド タグ) 要素の紹介と完全な使用例

HTML ヘッド タグ (Web ページ ヘッド タグ) 要素の紹介と完全な使用例

寻∝梦
リリース： 2018-08-25 10:15:57
オリジナル
7121 人が閲覧しました

この記事では、HTML の head で使用されるいくつかの一般的なタグを含む、html head のさまざまなコンポーネントを紹介します。その後、例を通じて PHP 中国語 Web サイトでのネチズンにこれらのタグの使用方法を示し、完全なケースを示します。ヘッダー コードの Web ページ。

HTML head タグの定義と使用法:

タグは、すべての head 要素のコンテナであるドキュメントの head を定義するために使用されます。 内の要素は、スクリプトを参照したり、スタイル シートの検索場所をブラウザに指示したり、メタ情報を提供したりできます。

文書のヘッダーには、文書のタイトル、Web 上の場所、他の文書との関係など、文書のさまざまな属性と情報が記述されます。ほとんどのドキュメントのヘッダーに含まれるデータは、実際にはコンテンツとして読者に表示されません。

ヘッド セクションでは、、、、

で終わる HTML タグです。

HTML headタグの使用例: 

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>认识head标签</title>
    </head>
    <body>
        <h1>欢迎来到PHP中文网</h1>
    </body>
</html>
ログイン後にコピー

文書のheadは、文書のタイトルなど、文書のさまざまな属性や情報を記述します。ほとんどのドキュメントのヘッダーに含まれるデータは、実際にはコンテンツとして読者に表示されません。

タグ: <title> タグと タグの間のテキスト コンテンツは、ブラウザのタイトル バーに表示される Web ページのタイトル情報です。 Web ページのタイトル タグは、Web ページのメイン コンテンツが何であるかをユーザーと検索エンジンに伝えるために使用され、検索エンジンは Web ページのタイトルを通じて Web ページのテーマを迅速に判断できます。各 Web ページのコンテンツは異なるため、各 Web ページには固有のタイトルが必要です。

HTML head タグ内の title タグの例: 

<head>
    <title>hello world</title>
</head>
ログイン後にコピー

HTML head タグに含まれる要素:

title、base、link、meta、script、style およびその他の一般的なタグ。

HTML head タグに含まれる要素の説明:

  • title は Web ページの唯一の title タグです - title タグ

  • base は Web ページのデフォルトの宣言タグベース

  • です。

    link は、外部 CSS ファイル参照、js ファイル参照、favicon.ico アイコン参照、その他の機能リンク紹介を含むリンク タグです。

  • meta には、Web ページのキーワード、Web ページの紹介、著者、Web ページのコーディング、ロボット、自動ジャンプ、その他のステートメントと説明ラベル。メタ導入

  • スクリプトとは、Webページに直接jsやcssファイルのタグを埋め込む外部jsファイル

  • スタイルを導入する機能です。

ブラウザのサポート

すべてのブラウザが タグをサポートしています。

【編集者関連のおすすめ】

HTMLフォントタグのcolor属性とは何ですか？ fontcolorの使い方紹介（カラーコード表付き）

HTML5の詳細タグの役割とは？ <詳細>タグの使い方を紹介（使用例付き）

以上がHTML ヘッド タグ (Web ページ ヘッド タグ) 要素の紹介と完全な使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
head.html
ソース：php.cn
前の記事：HTML の BR タグは何を意味しますか? html
と
の違いは何ですか? 次の記事：html

タグとはどのような要素ですか? htmlのpタグの定義と機能を詳しく解説

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2212
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2362
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1974
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1860
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1926
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート