HTML5 の head タグに関する豆知識についての簡単な説明

この章では、HTML5 ヘッダー に関する基本的な知識を紹介します。困っている友人は参考にしていただければ幸いです。

meta は、HTML 言語のヘッド領域にある補助タグです。meta タグには、検索エンジンの最適化 (SEO)、ページで使用される言語の定義、自動更新、ポインティングなどの多くの機能があります。新しいページへの変換、時間ベースの動的効果の実現、ページのバッファリングの制御、Web ページの評価と評価、Web ページ表示のウィンドウの制御など。

メタ タグの構成: メタ タグには http-equiv 属性と name 属性の 2 つの属性があり、これらの異なるパラメータ値により異なる Web ページの機能が実現されます。

1. タグの name 属性

name 属性は主に Web ページを説明するために使用されます。対応する属性値は content です。 content 内の content は、主に検索エンジン ロボットによって情報の検索と情報の分類に使用されます。

meta タグの name 属性の構文形式は次のとおりです:

<meta name="参数"content="具体的参数值">

name 属性には主に次のパラメータがあります:

1. キーワード (キーワード)

説明: キーワードは、Web ページのキーワードが何であるかを検索エンジンに伝えるために使用されます。

<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">

2. description (Web サイトのコンテンツの説明)

<meta name="description"content="haorooms博客,html的meta总结，meta是html语言head区的一个辅助性标签。">

説明: 説明は、Web サイトのメイン コンテンツを検索エンジンに伝えるために使用されます。

3. ロボット (ロボット ガイド)

説明: ロボットは、どのページにインデックスを付ける必要があるかを検索ロボットに指示するために使用されます。どのページがインデックスを必要としないのか。

コンテンツのパラメータには、all、none、index、noindex、follow、および nofollow が含まれます。デフォルトはすべてです。

<meta name="robots"content="none">

具体的なパラメータは次のとおりです:
information パラメータはすべてです。ファイルが取得され、ページ上のリンクをクエリできます。
information パラメータは none です。ファイルは取得されず、ページ上のリンクはクエリできません。
情報パラメータはindexです: ファイルが取得されます。 情報パラメータは次のとおりです: ページ上のリンクをクエリできます;
情報パラメータは noindex です。ファイルは取得されませんが、ページ上のリンクはクエリできます。
情報パラメータは nofollow です。ファイルは取得されますが、ページ上のリンクはクエリできません。

4、作成者 (author)

<meta name="author"content="root,root@xxxx.com">

説明: マークWeb ページの作成者

5、ジェネレータ

<meta name="generator"content="信息参数"/>

メタ タグのジェネレータの情報パラメータは、Web ページの作成に使用されるソフトウェアを表します。ウェブサイトを作成します。

6. COPYRIGHT

<META NAME="COPYRIGHT"CONTENT="信息参数">

meta タグの COPYRIGHT 情報パラメータは、Web サイトの著作権情報を表します。

#2. タグの http-equiv 属性#http-equiv

名前のとおり、ファイル ヘッダーの機能は、Web ページのコンテンツを正しく正確に表示するために役立つ情報をブラウザーに返すことです。対応する属性値は content であり、content 内のコンテンツは実際には の変数値です。各パラメータ。

meta タグの http-equiv 属性の構文形式は次のとおりです。

<meta http-equiv="参数"content="参数变量值">；

http-equiv 属性には主に次のパラメータがあります。

#1. Expires

説明: Web ページの有効期限を設定するために使用できます。 Web ページの有効期限が切れると、サーバーに再送信する必要があります。

<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">

注: GMT 時間形式を使用する必要があります。

2. プラグマ (キャッシュ モード)

説明: ブラウザーがローカル コンピューターのキャッシュにあるページ コンテンツにアクセスすることを禁止します。

<meta http-equiv="Pragma"content="no-cache">

注: この設定では、訪問者はオフラインで閲覧できなくなります。

3. 更新

説明: 自動的に更新し、新しいページをポイントします。

<meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)

注: 2 は、2 秒間滞在した後に URL を自動的に更新することを指します。

4. Set-Cookie (Cookie 設定)

注: Web ページの有効期限が切れると、保存された Cookie は削除されます。

<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">

注: GMT 時間形式を使用する必要があります。

5. Window-target (表示ウィンドウ設定)

説明: ページを現在のウィンドウ内で独立したページとして強制的に表示します。

<meta http-equiv="Window-target"content="_top">

注: 他の人がフレーム内で自分のページを呼び出すのを防ぐために使用されます。

6. content-Type (表示文字セット設定)

説明: ページで使用する文字セットを設定します。

<meta http-equiv="content-Type"content="text/html;charset=gb2312">

詳細は次のとおりです。

meta タグの文字セット情報パラメータが GB2312 の場合、Web サイトで使用されるエンコーディングが簡体字中国語であることを意味します。 ##メタ タグの文字セット情報 パラメータが BIG5 の場合、

メタ タグの文字セットの情報パラメータが iso- の場合、Web サイトで使用されるエンコーディングが繁体字であることを意味します。 2022-jp の場合は、Web サイトで使用されているエンコーディングが日本語であることを意味します。

meta タグの charset 情報パラメータが ISO-8859-1 の場合、

# の charset 情報パラメータが英語である場合、Web サイトで使用されるエンコードが英語であることを意味します。 ##meta タグは UTF-8 など、世界共通の言語エンコーディングを表します。

7、content-Language (表示言語設定)

<meta http-equiv="Content-Language"content="zh-cn"/>

8、http-equiv="imagetoolbar"

<meta http-equiv="imagetoolbar"content="false"/>

指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。

9、Content-Script-Type

<Meta http-equiv="Content-Script-Type"Content="text/javascript">

W3C网页规范，指明页面中脚本的类型。

三、常用的 标签写法

1、声明文档使用的字符编码： 

2、优先使用 IE 最新版本和 Chrome：
   

3、页面描述：       

4、页面关键词：      

5、网页作者：   

6、搜索引擎抓取：      

7、为移动设备添加 viewport：
    

8、iOS 设备 begin： 

9、添加到主屏后的标题（iOS 6 新增）：  

10、启用360浏览器的极速模式(webkit)：  

11、避免IE使用兼容模式：     

12、不让百度转码：    

13、微软的老式浏览器：   

14、强制竖屏：
   uc强制竖屏： QQ强制竖屏： UC强制全屏 QQ强制全屏：    

15、点击无高光：    windows phone 

以上がHTML5 の head タグに関する豆知識についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。