移動裝置對meta的定義

2022-07-12 13:54:30 字數 2662 閱讀 5517

以下是meta每個屬性詳解

尤其要注意的是content裡多個屬性的設定一定要用分號+空格來隔開,如果不規範將不會起作用。

一、//編碼

meta標籤是html語言head區的乙個輔助性標籤,它位於html文件頭部的標記和 標題 《標記之間,它提供使用者不可見的資訊。meta標籤通常用來為搜尋引擎robots定義頁面主題,或者是定義

使用者瀏覽器上的cookie;它可以用於鑑別作者,設定頁面格式,標註內容提要和關鍵字;還可以設定頁面使其可以根據你定義的時間間隔重新整理自己,以及設定rasc內容等級,等等。

詳細介紹

下面介紹一些有關 標記的例子及解釋。

meta標籤分兩大部分:http標題資訊(http-equiv)和頁面描述資訊(name)。

http-equiv類似於http的頭部協議,它回應給瀏覽器一些有用的資訊,以幫助正確和精確地顯示網頁內容。常用的http-equiv型別有:

1、content-type和content-language (顯示字符集的設定)**環 球 網校edu24ol.com**環 球 網校edu24ol.com**環 球 網校edu24ol.com

說明:設定頁面使用的字符集,用以說明主頁製作所使用的文字已經語言,瀏覽器會根據此來呼叫相應的字符集顯示page內容。

注意: 該meta標籤定義了html頁面所使用的字符集為gb2132,就是國標漢字碼。如果將其中的「charset=gb2312」替換成「big5」,則該頁面所用的字符集就是正體中文big5碼。當你

content-type的content還可以是:text/xml等文件型別;

charset選項:iso-8859-1(英文)、big5、utf-8、shift-jis、euc、koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,

euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集;content-language的content還可以是:en、fr等語言**。

二、//螢幕的縮放

1. viewport:

也就是可視區域。對於桌面瀏覽器,我們都很清楚viewport是什麼,就是出去了所有工具欄、狀態列、滾動條等等之後用於看網頁的區域,

這是真正有效的區域。由於移動裝置螢幕寬度不同於傳統web,因此我們需要改變viewport;

實際上我們可以操作的屬性有4 個:

width -             //  viewport 的寬度 (範圍從200 到10,000,預設為980 畫素)

height - // viewport 的高度 (範圍從223 到10,000)

initial-scale - // 初始的縮放比例 (範圍從》0 到10)

minimum-scale - // 允許使用者縮放到的最小比例

maximum-scale - // 允許使用者縮放到的最大比例

user-scalable - // 使用者是否可以手動縮 (no,yes)

第乙個meta標籤表示:

強制讓文件與裝置的寬度保持1:1;

文件最大的寬度比列是1.0(initial-scale初始刻度值和maximum-scale最大刻度值);

user-scalable定義是否可縮放(0為不縮放),使頁面固定裝置上面的大小。

(注意:實際測試中發現,htc g7自身系統瀏覽器不支援這一條規則,能夠對頁面進行放大,一旦放大響應的box也隨之放大,導致俄頁面出現錯亂問題,解決方法:定義頁面的最小寬度min-width,body)

該meta可以看出內容為「蘋果裝置web 應用程式xx」,就是說該meta是專門定義web 應用的.

說明:預設值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。

注意:若值為「black-translucent」將會佔據頁面px位置,浮在頁面上方(會覆蓋頁面20px高度–iphone4和itouch4的retina螢幕為40px)。

使用:該路徑需要注意的就是放到將**的文件根目錄下但不是伺服器的文件的根目錄。

尺寸可以設定為57*57(px)或者retina可以定為114*114(px),ipad尺寸為72*72(px)

說明:這個link就是設定啟動時候的介面,放置的路勁和上面類似。

使用:該路徑需要注意的就是放到將**的文件根目錄下但不是伺服器的文件的根目錄。

官方規定啟動介面的尺寸必須為 320*640(px),原本以為retina螢幕可以支援雙倍,但是不支援,顯示不出來。

//將不識別郵箱

告訴裝置忽略將頁面中的數字識別為**號碼

使裝置瀏覽網頁時對數字不啟用**功能(不同裝置解釋不同,itouch點選數字為存入聯絡人,iphone為撥打**),忽略將頁面中的數字識別為**號碼。

若需要啟用**功能將telephone=yes即可,具體呼叫格式可以這樣書寫**call me,若在頁面上面有google maps, itunes和youtube的鏈結會在ios裝置上開啟相應的程式元件。

//作者姓名

移動平台對 meta 標籤的定義

下面介紹一些有關標記的例子及解釋。一 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name 1 http equiv 屬性的 content type 值 顯示字符集的設定 說明 設定頁面使用的字符集,用以說明主頁製作所使用的文字語言,瀏覽器會根據此來呼叫相應...

移動平台對 meta 標籤的定義

下面介紹一些有關標記的例子及解釋。一 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name 1 http equiv 屬性的 content type 值 顯示字符集的設定 說明 設定頁面使用的字符集,用以說明主頁製作所使用的文字語言,瀏覽器會根據此來呼叫相應...

移動平台對 META 標籤的定義

下面介紹一些有關標記的例子及解釋。一 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name 1 http equiv 屬性的 content type 值 顯示字符集的設定 說明 設定頁面使用的字符集,用以說明主頁製作所使用的文字語言,瀏覽器會根據此來呼叫相應...