基本定義
- 可定義頁面中的元信息娃兽，怎么解釋呢，就是metadata尽楔，也就是說一個(gè)網(wǎng)頁文檔的屬性信息投储，包括作者、關(guān)鍵字阔馋、字符集等玛荞。這樣當(dāng)搜索引擎抓取到頁面的時(shí)候，就會(huì)根據(jù)這些信息描述進(jìn)行解析呕寝。
- 主要作用包括：SEO優(yōu)化勋眯，定義頁面使用的語言和字符集，可以自動(dòng)刷新頁面并跳轉(zhuǎn)到指定的頁面
標(biāo)簽屬性
charset
- charset用于指定頁面的字符集，一般為UTF-8
<meta charset="UTF-8">
content
- 對(duì)于name屬性以及http-equiv屬性的值進(jìn)行描述客蹋，屬于必須要的屬性塞蹭，比如
<meta name="keywords" content="JungleJungleW"/>
name
<!-- viewport，顯示的視口設(shè)置-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 表示當(dāng)前web的名稱讶坯，需要當(dāng)前應(yīng)用是一個(gè)webapp應(yīng)用時(shí)生效 -->
<meta name="application-name" content="JungleApp">
<!-- 用于頁面的描述番电，小于150個(gè)字 -->
<meta name="description" content="描述內(nèi)容">
<!-- 控制搜索引擎的抓取和索引行為，示例為默認(rèn)所有 -->
<meta name="robots" content="index,follow">
<!-- 用于指定網(wǎng)頁的生成方式 -->
<meta name="generator" content="vscode">
<!-- 關(guān)于網(wǎng)站主題的簡單編寫 -->
<meta name="subject" content="網(wǎng)站主圖">
<!-- 禁用自動(dòng)檢測和格式化電話號(hào)碼 -->
<meta name="format-detection" content="telephone=no">
http-equiv
<!-- 用來對(duì)IE進(jìn)行處理辆琅，告訴IE瀏覽器用最新的版本 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--
內(nèi)容安全政策漱办，決定頁面內(nèi)容可以加載的來源 下面內(nèi)容指定了以下信息
腳本：只信任當(dāng)前域名
<object>標(biāo)簽：不信任任何URL，即不加載任何資源
樣式表：只信任cdn.example.org和third-party.org
框架（frame）：必須使用HTTPS協(xié)議加載
其他資源：沒有限制
-->
<meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src cdn.example.org third-party.org; child-src https:">
<!-- 通過設(shè)置為 “off” 完全退出 DNS 預(yù)取 -->
<meta http-equiv="x-dns-prefetch-control" content="off">
<!-- 在客戶端存儲(chǔ) cookie婉烟，web 瀏覽器的客戶端識(shí)別 -->
<meta http-equiv="set-cookie" content="name=value; expires=date; path=url">
<!-- 指定要顯示在一個(gè)特定框架中的頁面 -->
<meta http-equiv="Window-Target" content="_value">
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
