app開發中Meta標籤使用

2021-06-27 10:12:43 字數 3234 閱讀 4446

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中簡化成如下**:

charset

="utf-8"

>

http-equiv屬性還有以下屬性:

php設定防止一次傳送多個報頭:

php

**<?

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**

如果直接在頁面上寫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"

/>

;

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"

/>

ps:ios2.1以上支援

新增到主屏時的標題

;

meta

name

=content

="標題"

>

隱藏狀態列,default 為預設引數

;

meta

name

=content

="black"

/>

ps:ios2.1以上支援

設定乙個web應用程式是否在全屏模式下執行。

;

meta

name

=content

="yes"

/>

ps:ios2.1以上支援

format-detection

忽略將頁面中的數字識別為**號碼

name

="format-detection"

content

="telephone=no"

/>

ps:ios1.0以上支援

覺得此屬性是移動開發最重要的,所以自成一章。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...