以下是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 值 顯示字符集的設定 說明 設定頁面使用的字符集,用以說明主頁製作所使用的文字語言,瀏覽器會根據此來呼叫相應...