聲明文檔使用的字符編碼
<meta charset='utf-8'?/>
WebApp全屏模式?
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
1.name="viewport" ? ? ?//設(shè)置視口(網(wǎng)頁(yè)可繪制的區(qū)域)
2.width=device-width ? ?//應(yīng)用程序的寬度和屏幕的寬度是一樣的
3.height=device-height ?//應(yīng)用程序的高度和屏幕的高是一樣的
4.initial-scale=1.0 ?//應(yīng)用程序啟動(dòng)時(shí)候的縮放尺度(1.0表示不縮放)
5.minimum-scale=1.0 ?//用戶(hù)可以縮放到的最小尺度(1.0表示不縮放)
6.maximum-scale=1.0 ?//用戶(hù)可以放大到的最大尺度(1.0表示不縮放)
7.user-scalable=no ?//用戶(hù)是否可以通過(guò)他的手勢(shì)來(lái)縮放整個(gè)應(yīng)用程序,使應(yīng)用程序的尺度發(fā)生一個(gè)改變(yes/no)?
忽略頁(yè)面中的郵箱格式為郵箱?
<meta name="format-detection" content="telphone=no, email=no"/>
忽略自動(dòng)識(shí)別數(shù)字為電話號(hào)碼
<meta content="telephone=no" name="format-detection" />
避免IE使用兼容模式
<meta http-equiv="X-UA-Compatible" content="IE=edge">
不讓百度轉(zhuǎn)碼
<meta http-equiv="Cache-Control" content="no-siteapp" />
頁(yè)面描述
<meta name="description" content="不超過(guò)150個(gè)字符" />
優(yōu)先使用 IE 最新版本和 Chrome?
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
Refresh(刷新)?自動(dòng)刷新并指向新頁(yè)面蜒车。
<meta http-equiv="Refresh"content="2;URL=http://www.baidu.com"> (注意后面的引號(hào)漓帚,分別在秒數(shù)的前面和網(wǎng)址的后面)
Keywords(關(guān)鍵字)?keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。
<meta name="keywords"content="meta總結(jié),html meta,meta屬性,meta跳轉(zhuǎn)"? />
description(網(wǎng)站內(nèi)容描述)??description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容感猛。
<meta name="description"content="haorooms博客,html的meta總結(jié)玉吁,meta是html語(yǔ)言head區(qū)的一個(gè)輔助性標(biāo)簽。"/>
針對(duì)一些老的不識(shí)別viewport的瀏覽器主经,列如黑莓?
<meta name="HandheldFriendly" content="true" /? >
微軟的老式瀏覽器?
<meta name="MobileOptimized" content="320"/>