html Head頭標籤

時間 2019-11-07

標籤 html head 標籤欄目 HTML 简体版

原文原文鏈接

charset 編碼html

lang屬性

簡體中文<html lang="zh-cmn-Hans">
繁體中文<html lang="zh-cmn-Hant">chrome

優先使用 IE 最新版本和 Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

360 使用Google Chrome Frame

<meta name="renderer" content="webkit">

360 瀏覽器就會在讀取到這個標籤後，當即切換對應的極速核。另外爲了保險起見再加入瀏覽器

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

內容與SEO相關的屬性：app

百度禁止轉碼
經過百度手機打開網頁時，百度可能會對你的網頁進行轉碼，脫下你的衣服，往你的身上貼狗皮膏藥的廣告，爲此可在 head 內添加ui

<meta http-equiv="Cache-Control" content="no-siteapp" />

SEO所使用的meta屬性搜索引擎

<meta  name="keywords"  content="網頁的關鍵詞，使用,進行分隔，通常不超過100個字符"/>
<meta  name="description"  content="網頁的描述信息，通常不超過200個字符"/>
<meta  name="robots"  content="index,follow"/>
/*
*  robots屬性定義網頁搜索引擎索引方式，是一組使用英文逗號「,」分割的值，一般有以下幾種取值：none，noindex，nofollow，all，index和follow，具體的說明請參考Robots  Meta標籤及其用法。
*/
<meta  name="author"  content="網頁做者的相關信息"/>

禁止數字自動識別爲電話號碼編碼

<meta  name="format-detection"  content="telephone=no"  />

添加 favicon iconspa

<link  rel="shortcut  icon"  type="image/ico"  href="/iwenku_favicon.ico"  />

添加RSS訂閱code

<link  rel="alternate"  type="application/rss+xml"  title="RSS"  href="/iwenku_rss.xml"  />

IOS相關屬性

添加到主屏幕的標題

<meta  name="apple-mobile-web-app-title"  content="標題">

是否啓用 WebApp 全屏模式

<meta  name="apple-mobile-web-app-capable"  content="yes"  />

設置狀態欄的背景顏色，只在啓用WebApp全屏模式後生效

<meta  name="apple-mobile-web-app-status-bar-style"  content="black-translucent"  />

content 參數: 1 . default 默認值。 2 . black 狀態欄背景是黑色。 3 . black-translucent 狀態欄背景是黑色半透明。若是設置爲 default 或 black ,網頁內容從狀態欄底部開始。若是設置爲 black-translucent ,網頁內容充滿整個屏幕，頂部會被狀態欄遮擋

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。