ホームページ > 記事 > ウェブフロントエンド > HTML5 ヘッダーのコンテンツには通常何が含まれますか?
html5 ヘッダー コンテンツには通常、次のものが含まれます: 1. title タグで定義された Web ページのタイトル; 2. ファビコン (小さな Web サイトのアイコン); 3. エンコード方法; 4. Web サイトの説明; 5. ページのキーワード; 6. ページの作成者; 7. ビューポート (モバイル端末適応); 8. CSS スタイルシート; 9. JavaScript スクリプト。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
ニーズに応じて、HTML ヘッダーに大量のメタデータを定義することも、メタデータをほとんどまたはまったく定義しないこともできます。 head タグは HTML ドキュメントの一部ですが、その内容はブラウザーには表示されません。
#html5 ヘッダー コンテンツ
1. Web ページのタイトル -
<head> <title>PHP中文网</title> </head>
2、ファビコン
Web ページのタイトルを指定します パスが指定されていない場合、ブラウザはルート ディレクトリで<link rel="icon" href="/favicon.ico" type="image/x-icon" />
3 を検索します エンコード方法
エンコード方法の仕様が先頭の先頭に配置されます。指定されていない場合、ブラウザはサーバーのヘッダーにも基づいて判断しますが、正確ではない可能性があります。<head> <meta charset="UTF-8"> </head>
タグは、ページの有効期間、ページの作成者、キーワード リスト、ページの説明など、HTML ドキュメントに関するメタデータを提供するために使用されます。 タグで定義されたデータはページには表示されませんが、ブラウザによって解析されます。charset 属性は、HTML ドキュメントの文字エンコーディングを指定するために使用され、上記の例では、ドキュメントの文字エンコーディングを「UTF-8」に設定しています。
4. Web サイトの説明
<meta name="description" content="这里是对网站的描述">ページの説明情報を定義すると、検索エンジンにとって有益です。
5、ページキーワード
<meta name="keywords" content="HTML, HTML教程, HTML入门">キーワードは、検索エンジンにページに関する情報を提供するために使用されます。
6, ページ作成者
<meta name="author" content="作者名">作成者情報は、一部のコンテンツ管理システムを通じて自動的に抽出できます。
7. ビューポート (モバイル端末への適応)
これは非常に一般的であり、ビューポートは通常モバイル端末に適応されており、ページは仮想ウィンドウ - ビューポートに表示されます。Web ページがビューポートを使用していない場合、モバイル ブラウザを開いたときにビューポートが表示されます。ビューポートは非常に小さく、移動したりズームしたりすることもできます。非常に低いです。ビューポートにより、 Web 開発者がそのサイズとダイナミクスを渡す Web ページ コンテンツ内のコントロール要素のサイズを設定すると、Web ページと同じ効果 (スケール縮小) がブラウザ上で実現されます。 、レスポンシブ Web サイトのサポートを改善するために使用されます。<meta name="viewport" content="width=device-width, initial-scale=1">
8. 埋め込み CSS スタイル --
使用
<head> <title>此处书写标题</title> <style> body { background-color: YellowGreen; } h1 { color: red; } p { color: green; } </style> </head>
注意:对于文档中的唯一样式可以使用
9、外部css样式表-- 标签
标签经常用于引用外部 CSS 样式表, 标签中包含两个主要的属性,分别是 rel 和 href。rel 属性用来指示引用文件的类型,href 属性用来设置外部文件的路径。示例代码如下:
<head> <title>此处书写标题</title> <link rel="stylesheet" href="common.css"> </head>
HTML
标签中可以包含任意数量的 标签。
10、JavaScript 脚本
通过script标签嵌入JavaScript 脚本代码或链入脚本文件
<head> <script> document.write("PHP中文网") </script> </head>
<head> <script src="js/test.js"></script> </head>
相关推荐:《html视频教程》
以上がHTML5 ヘッダーのコンテンツには通常何が含まれますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。