meta是meta 標籤用於網頁的中,meta 標籤的用處很多。meta 的屬性有兩種:name和http-equiv。
name屬性主要作用:對應網頁內容,以便於搜尋引擎機械人查詢、分類,其中最常用的是description和keywords;瀏覽器廠商定義的meta值,譬如ios的諸多屬性移動端頁面必帶的viewport。
http-equiv屬性主要作用:用來在html文件中模擬http協議的響應頭,把 content 屬性關聯到 http 頭部。
http-equiv 屬性可以使用偽裝 http 響應頭部資訊,可以偽裝成 http 響應頭部資訊。js可以通過 httpequiv 返回和設定http-equiv值。見到次數最多的http-equiv肯定是下面這句:
html5中簡化成如下**:
http-equiv屬性還有以下屬性:charset
="utf-8"
>
php設定防止一次傳送多個報頭:
php以上php**輸出的html****<?
php// date in the past
header
("pragma: no-cache"
);header
("cache-control: no-cache"
);header
("expires: wed, 12 dec 2012 12:12:12 gmt"
);?>
如果直接在頁面上寫php輸出的html**,則可能不會有效果,因為只有少數瀏覽器支援以上屬性。
name 屬性提供了名稱/值對中的名稱,可以自定義,所以搜尋引擎商以及瀏覽器廠商都有針對自家瀏覽器定義的name屬性。
建立桌面圖示和啟動畫面,在meta標籤中指定它的值可以使得你的網頁在儲存至主屏時,顯示為自定義的icon,而不是網頁的縮圖。
rel=
href
="/custom_icon.png"
/>
rel=
href
="touch-icon-iphone.png"
/>
rel=
sizes
="72x72"
href
="touch-icon-ipad.png"
/>
rel=
sizes
="114x114"
href
="touch-icon-iphone4.png"
/>
;ps:ios2.1以上支援link
rel=
href
="/startup.png"
>
//for iphone retina display high
;link
rel=
sizes
="640x960"
href
="img/splash-screen-640x960.png"
/>
//for ipad landscape
;link
rel=
sizes
="1024x748"
href
="img/splash-screen-1024x748.png"
/>
//for ipad portrait
;link
rel=
sizes
="768x1004"
href
="img/splash-screen-768x1004.png"
/>
新增到主屏時的標題
;meta
name
=content
="標題"
>
隱藏狀態列,default 為預設引數
;ps:ios2.1以上支援meta
name
=content
="black"
/>
設定乙個web應用程式是否在全屏模式下執行。
;ps:ios2.1以上支援meta
name
=content
="yes"
/>
format-detection
忽略將頁面中的數字識別為**號碼
ps:ios1.0以上支援name
="format-detection"
content
="telephone=no"
/>
覺得此屬性是移動開發最重要的,所以自成一章。viewport 屬性視能告訴瀏覽器如何規範的渲染網頁。
ps:如在移動端如下設定則是告訴了瀏覽器網頁在320px下顯示是最合適的,那麼移動端瀏覽器則會在裝置寬內顯示320px的內容,在移動端上320px代表的是裝置寬度所能容納的畫素數而不是實際寬度
設定windows 8 磁貼顏色
name
=content
="#ff0"
/>
設定windows 8 磁貼圖示
name
=content
="icon.png"
/>
meta標籤的使用
html說簡單很簡單,說複雜也複雜。以下是meta標籤的使用,你知道多少呢?meta標籤位於文件的頭部,不會顯示在頁面上,但機器是可以讀的。作用是 提供html頁面的元資訊,比如設定關鍵字 描述 作者 視口屬性 重新整理頻率 快取控制等。一 告訴機器以何種方式解析文件,跟文件本身的字元編碼是兩碼事。...
XML 網頁中meta標籤的使用
2 網頁間轉換時加入效果 加在乙個網頁中,進出時有一些特殊效果,這個功能即frontpage98,2000的format page transition.不過注意所加網頁不能是乙個frame頁 3 強制網頁不被存入cache中 大家可以到 上看看,它的首頁當你斷線後,就無法在cache中再調出。本身...
meta標籤web開發中的用途說明
meta 標籤屬性 屬性 值描述content some text 定義與http equiv或name屬性相關的元資訊 可選屬性 屬性 值描述http equiv content type expire refresh set cookie 把content屬性關聯到http頭部。name aut...