title: 關(guān)于meta標(biāo)簽
date: 2017-09-27 17:35:22
categories:
tags: fa-tags
關(guān)于meta標(biāo)簽
描述
- 元數(shù)據(jù)（metadata）是關(guān)于數(shù)據(jù)的信息。
- meta 標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯- 示在頁面上，但是對于機器是可讀的。
- 典型的情況是，meta 元素被用于規(guī)定頁面的描述、關(guān)鍵詞、文檔的作者、最后修改時間以及其他元數(shù)據(jù)。
- meta 標(biāo)簽始終位于 head 元素中。
- 元數(shù)據(jù)可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)。
<!doctype html>
<html>
<head>
<meta .../>
<title>...</title>
</head>
<body>...</body>
</html>
常用meta標(biāo)簽
<!-- 聲明字符編碼 -->
<meta charset='utf-8'>
<!-- 為移動設(shè)備設(shè)置視口屬性（下面禁止了縮放） -->
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<!-- 優(yōu)先使用IE最新版本和Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 啟用360瀏覽器的極速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面關(guān)鍵詞 -->
<meta name="keywords" content="簡書,簡書官網(wǎng),圖文編輯軟件">
<!-- 網(wǎng)頁作者 -->
<meta name="author" content="name, email@gmail.com"/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,home"/>
iOS設(shè)備
<!-- 添加到主屏后的標(biāo)題 -->
<meta name="apple-mobile-web-app-title" content="標(biāo)題"/>
<!-- 是否啟用 WebApp 全屏模式，刪除蘋果默認(rèn)的工具欄和菜單欄 -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
<!-- 頁面描述 -->
<meta name="description" content="不超過150個字符"/>
