HTML <head> 要素
<head> 要素は、すべての head 要素のコンテナです。 head要素タグの内容には、
、<base>、<link>、<meta>、<script>、<style>が含まれます。表示される<title>タグの内容を除き、残りのタグの内容は非表示の情報となります。 </p><p><title> 要素タグはドキュメントのタイトルを定義します。 <br/><base> 要素タグ: ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを指定します。 <br/><link>要素タグは、ドキュメントと外部リソース間の関係を定義します。スタイルシートを接続するために最も一般的に使用されます。 <br/><script> 要素タグは、JavaScript などのクライアント側のスクリプトを定義するために使用されます。 <br/><style> 要素タグは、HTML ドキュメントのスタイル情報を定義するために使用されます。 <br/><meta> タグは、作成者、日付と時刻、Web ページの説明、キーワード、ページの更新など、HTML Web ページドキュメントの非表示の情報を記述するために使用されます。メタは大きくHTTPヘッダー情報（http-equiv）とページ記述情報（name）に分かれます。ヘッダー情報には、ドキュメント タイプ、文字セット、言語などの情報と、Web ページを正しく表示するためのブラウザーの処理アクションが含まれます。コンテンツのキーワード、要約、作成者、ロボットの動作の定義などは、検索エンジンのインデックス作成のための情報を提供します。 (一部の検索エンジンは、メタ要素の name 属性と content 属性を使用してページのインデックスを作成します。) cheme="" 属性値を解釈するスキームに名前を付けます </p> http-equiv="" HTTP サーバーは、次のような HTTP 応答ヘッダーを収集します。この属性 -------------- <p> <br/>知識ポイント 1: 頭 情報に Web ページのベース URL を設定する本質 <br/><br/><br/><br/>ハイパーリンクの属性を均一に設定することです。ベース URL タグは </base> で、これには href と _target の 2 つの属性があります。 href はベース URL のパスを設定するために使用され、_target はハイパーリンクの開始方法を設定するために使用されます。 <br/><p>ベース URL を追加すると、ページ内のすべての相対 Web サイトのルート アドレスを絶対アドレスに変換できます。ブラウザがページを閲覧すると、相対的な Web サイトとディレクトリのアドレスが <base> タグを通じてベース URL パスの後ろに追加され、絶対アドレスに変換されます。まず、base.htm を作成し、次のように HTML コードを記述します: </p><pre class="brush:php;toolbar:false"><html>
<head>
<title>基底网址的设置</title>
<base href="<a href="http://www.php.cn">http://www.php.cn</a>" _target="_blank" />
</head>
<body>
</body>
</html></pre><p><span style="line-height: 1.76em;"> 上記のコードを通じてベース URL を設定します。 Base.htm ページ内のハイパーリンクのアドレスの前には「http://www.php.cn」が付き、これは絶対アドレスに変換されます。さらに、ページ上のハイパーリンクは新しいウィンドウで開きます。 </span><br/></p><p><span style="font-size: 18px;"><strong>知識ポイント２：ヘッダー情報のメタ情報タグ</strong></span></p><p>メタ情報タグは、ヘッダー情報の基本的なタグであり、プロのWebページコードにはメタ情報の詳細な設定があります。メタ情報タグは </meta> であり、単一のタグです。 Meta 要素によって提供される情報は閲覧ユーザーには見えず、通常はページ情報の名前、キーワード、作成者などを定義するために使用されます。 HTML ページでは、メタ タグにメタ コンテンツが含まれており、HTML ヘッダー ページには複数のメタ要素が存在する場合があります。 </p><p>metaタグの属性は、ページ説明属性(name)とhttpタイトル情報(http-equiv)の2種類に分かれます。 </p><p><strong>name属性</strong></p><p> name属性は主にWebページのコンテンツを記述するために使用され、検索エンジンの最適化に使用されるため、習得する必要があります。検索エンジン (Google や Baidu など) の検索ロボットが Web ページを検索して分類できるように、name 属性を正しく設定します。通常、検索エンジンは Web ページを分類するためのメタ値を自動的に見つけます。 name の値は次のとおりです: </p><p><1>キーワード。つまり、キーワードは Web ページに含まれるキーワードやその他の情報を説明するために使用され、それによって検索エンジンによって検索される可能性が高まります。記述形式は<meta name="keywords" content = "keywords"/>であり、content属性の値はユーザーが設定した特定のキーワードになります。 （通常、キーワードは英語の半角カンマで区切って複数設定できます。検索エンジンではキーワードの数に制限があるため、キーワードの内容は簡潔にまとめてください） </p><p><2>説明。中国語で「説明」を意味し、Web ページの主なコンテンツやテーマなどを説明するために使用されます。適切な設定により、検索エンジンで検索される可能性も高まります。形式は <meta name="description" content = "ページの説明"/> です。content 属性値は、ユーザーが設定したページの具体的な説明です。最大 1024 文字まで入力できます。エンジンはページの前半約 175 文字のみを表示します。 </p><p><3>著者。作成者。Web サイト作成者の名前を設定するために使用され、より専門的な Web サイトでよく使用されます。形式は <meta name="著者" content ="著者名"/></p><p><strong>http-equiv 属性</strong></p><p> http-equiv 属性の値は次のとおりです:</p><p><1>content-type、コンテンツ カテゴリ。ページのカテゴリと言語文字セットを設定するために使用されます。記述形式 <meta http-equiv="content-type" context="text/html"/> 、content 属性の値はページが HTML コードで出力されることを表し、文字セットは gb2312 (簡体字中国語) です。国際的なウェブサイト開発の場合、文字を統一するために、文字セットに utf-8 を使用することをお勧めします。</p><p><2>更新。 Refresh は、Web ページが自動的に更新される時間を設定するか、一定期間内に他のページに自動的にジャンプするかを設定するために使用されます。<meta http-equiv="refresh" context="30"/> は、更新間隔を 1 回意味します。 2 番目の書き込み形式は <meta http-equiv="refresh" context="30; url=www.google.com"/> で、ページは 30 秒後に自動的に www.google にジャンプします。 .com Web サイト </p><p><span style="font-size: 18px;"><strong>知識ポイント 3: CSS と JavaScript を組み合わせたヘッダー情報 </strong></span></p><p>CSS は HTML Web ページのスタイルを担当し、JaveScript は HTML Web ページの動的な動作を担当します。 CSS と JavaScript を統合する最も一般的な方法は、ヘッダー情報を記述することです。 <br/><1>CSS を追加するには、ヘッダー情報に <style type="text/css"></style> タグのペアを追加するだけです。サンプルコードは次のとおりです <br/><span style="line-height: 1.76em;"></span></p><pre class="brush:php;toolbar:false"><html>
<head>
<title>CSS的设置</title>
<style type=“text/css”> CSS具体内容 </style>
</head>
<body>
</body>
</html></pre><p><span style="line-height: 1.76em;"><2>JavaScript を追加するには、ヘッダー情報に <script type="text/javascript"></script> タグ ペアを追加するだけです。 。サンプルコードは次のとおりです。<a class="r course-btn" style='width:100%;color:#fff;' href="https://m.php.cn/ja/code/452.html">次のセクション</a></div></div></div></div><div id="js-editor-container" class="cwrap-autoheight editor-container"><div id="js-editor-drag-wrap" class="editor-drag-wrap"><div id="js-editor-drager" class="editor-drager" unselectable="on"
style="-webkit-user-select: none; display: none;"><span>||</span></div></div><div class="editor-box" id="J_EditorTabs"><div class="editor-tab js-editor-tab"><div class="editor-left icon-left editor-op"></div><div class="editor-view"><ul class="clearfix" id="J_TabType" style="width: 120px; margin-left: 0px;"><li class="ui-tabs-active"><a href="#editor-tabs-html">新しいファイル</a></li></ul></div><div class="editor-right icon-right editor-op"></div></div><div class="tab-con editor-item ace_editor ace-tomorrow-night ace_dark"
id="editor-tabs-html" data-filename="index.html" data-lang="php" style="font-size: 16px;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Ståle Refsnes">
<meta charset="UTF-8">
</head>
<body>
<p>本文档的 meta 属性描述了该文档和它的关键词。</p>
</body>
</html>
</div></div><div class="editor-btn"><div class="editor-btn-inner"><a href="javascript:;" class="code-btn-submit r" id="J_Commit" title="提出する">提出する</a><a href="javascript:;" class="code-btn-reset " id="J_EditorReset" title="リセットコード">リセットコード</a><div class="r aotorun" style="display: block;"><input type="checkbox" id="aotoruncheck" class="l" title="選択すると、コードの変更が自動的に有効になります。チェックを外した場合、有効にするために送信が必要です"><label for="aotoruncheck" class="l" title="選択すると、コードの変更が自動的に有効になります。チェックを外した場合、有効にするために送信が必要です">自動運転</label></div></div></div><div class="editor-commit hide" id="J_EditorCommit"></div></div><div id="js-result-container" class="cwrap-autoheight result-container" style="width:400px;"><div id="js-result-drag-wrap" class="result-drag-wrap"><div id="js-result-drager" class="result-drager" unselectable="on"
style="-webkit-user-select: none; display: none;"><span>||</span></div></div><div class="result-wrap"><div id="viewPort-content"></div></div></div><div id="viewPort-header" class="result-triggers"><a href="javascript:;" id="js-toggle-width" class="result-toggle result-toggle-width"
style="visibility: hidden;"><i></i><span>全画面表示</span></a><a href="javascript:;" id="js-toggle-vsb" class="result-toggle result-toggle-vsb"
style="display:none;"><i></i><span>実行結果</span></a></div></div></div><div class='learn-menu bto'><span data-i="2">章</span><span data-i="4">コースウェア</span></div><div class='course-section layui-clear p-10 mb-30' style="display: none;"><dl><dt>章1HTML基礎講座解説</dt><dd><a href='https://m.php.cn/ja/code/370.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLチュートリアル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/376.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML の概要<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/391.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLエディタ<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/405.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLの基本<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/415.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML要素<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/421.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 属性<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/429.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLタイトル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/431.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML段落<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/433.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML テキストの書式設定<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/438.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLリンク<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/443.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLヘッダー要素<img src='/static/images/ico/bofang.png'
style='float: right; margin-top: 7px;'></a></dd><dd><a href='https://m.php.cn/ja/code/452.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML CSS<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/460.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML画像<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/462.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLテーブル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/464.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLリスト<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/468.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLブロック<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/470.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLレイアウト<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/477.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLフォーム<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/479.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLフレーム<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/482.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLの色とカテゴリ<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/490.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML 脚本<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/505.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML文字エンティティ<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/511.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTML URL<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/515.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>HTMLタグと基本要素についての学習のまとめ<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dt>章2CSS の基本の紹介</dt><dd><a href='https://m.php.cn/ja/code/543.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS の概要<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/551.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS スタイル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/555.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSの基本セレクター<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/558.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS IDセレクターとクラスセレクターの違い<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/570.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 組み合わせセレクター<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/582.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 背景 背景<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/591.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSテキストスタイル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/597.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSフォント<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/605.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSリンクスタイル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/608.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS リストのスタイル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/623.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSテーブル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/629.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSボックスモデル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/635.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 境界線のスタイル<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/645.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSのマージンとパディング<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/654.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSの概要<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/662.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS のグループ化とネストされたセレクター<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/670.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS サイズのプロパティ<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/676.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS の表示と可視性<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/681.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS の位置<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/690.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS Float(フロート)<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/702.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 水平、垂直、中央揃え<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/713.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS 疑似クラスと疑似要素<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/720.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSナビゲーションバー<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/726.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSドロップダウンメニュー<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/734.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSイメージギャラリー<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/739.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSS画像テキストの透明度<i
class='layui-icon layui-icon-play f-right'></i></a></dd><dd><a href='https://m.php.cn/ja/code/752.html'><i class='layui-icon layui-icon-triangle-r f-left mr-10'></i>CSSプロパティセレクター<i
class='layui-icon layui-icon-play f-right'></i></a></dd></dl></div><ul class="lesson_download bg-white discuss"><div class="no_data"><div></div>なし</div></ul><div class='layui-clear mt-50'></div><script src="/static/src-min-noconflict/ace.js"></script><script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script><script>isLogin = 0;</script><script type="text/javascript" src="/static/js/jquery.min.js"></script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.4.8"></script><script>
(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
} else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?43f47cabf6856204df6d083dd89ae407";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！</p></div><div class="footermid"><a href="https://m.php.cn/ja/about/us.html">私たちについて</a><a href="https://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="https://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved
</p></div></div></footer><script>isLogin = 0;</script></body></html>