1. 程式人生 > >關於mate標籤中屬性的含義

關於mate標籤中屬性的含義

mate標籤中apple-mobile-web-app-capable的屬性含義

這個mate的作用就是刪除預設的蘋果工具欄和選單欄,content有兩個值“yes”和“no”,當我們需要顯示工具欄和選單欄時,這個行的mate就不用加了,預設就是顯示。

mate標籤中apple-touch-fullscreen的屬性含義 

新增到主屏幕後全屏顯示

mate標籤中format - detection屬性及含義

format - detection翻譯成中文的意思是“ 格式檢測”, 顧名思義, 它是用來檢測html裡的一些格式的, 那關於meta的format - detection屬性主要是有以下幾個設定:
meta name = "format-detection"
content = "telephone=no"
meta name = "format-detection"
content = "email=no"
meta name = "format-detection"
content = "adress=no"
也可以連寫: meta name = "format-detection"
content = "telephone=no,email=no,adress=no"
 telephone
你明明寫的一串數字沒加連結樣式, 而iPhone會自動把你這個文字加連結樣式、 並且點選這個數字還會自動撥號! 想去掉這個撥號連結該如何操作呢? 這時我們的meta又該大顯神通了, 程式碼如下:
telephone = no就禁止了把數字轉化為撥號連結!
telephone = yes就開啟了把數字轉化為撥號連結, 要開啟轉化功能, 這個meta就不用寫了, 在預設是情況下就是開啟!
 email
告訴裝置不識別郵箱, 點選之後不自動傳送
email = no禁止作為郵箱地址!
email = yes就開啟了把文字預設為郵箱地址, 這個meta就不用寫了, 在預設是情況下就是開啟!
 adress
adress = no禁止跳轉至地圖!

adress = yes就開啟了點選地址直接跳轉至地圖的功能, 在預設是情況下就是開啟!

meta標籤中的apple - mobile - web - app - status - bar - style屬性及含義

apple - mobile - web - app - status - bar - style” 作用是控制狀態列顯示樣式( 預設樣)
分為兩種:status - bar - style: black(黑色) 和 black - translucent(半透明)

手機瀏覽器是把頁面放在一個虛擬的“ 視窗”( viewport) 中, 通常這個虛擬的“ 視窗”( viewport) 比螢幕寬, 這樣就不用把每個網頁擠到很小的視窗中( 這樣會破壞沒有針對手機瀏覽器優化的網頁的佈局), 使用者可以通過平移和縮放來看網頁的不同部分。 移動版的 Safari 瀏覽器最新引進了 viewport 這個 meta tag, 讓網頁開發者來控制 viewport 的大小和縮放, 其他手機瀏覽器也基本支援。
width: 控制 viewport 的大小, 可以指定的一個值, 如果 600, 或者特殊的值, 如 device - width 為裝置的寬度( 單位為縮放為 100 % 時的 CSS 的畫素)。
height: 和 width 相對應, 指定高度。
initial - scale: 初始縮放比例, 也即是當頁面第一次 load 的時候縮放比例。
maximum - scale: 允許使用者縮放到的最大比例。
minimum - scale: 允許使用者縮放到的最小比例。
user - scalable: 使用者是否可以手動縮放

“ viewport”, 翻譯為中文可以叫做“ 視區”, 大家都知道移動裝置的螢幕一般都比PC小很多, webkit瀏覽器會將一個較大的“ 虛擬” 視窗對映到移動裝置的螢幕上, 預設的虛擬視窗為980畫素寬( 目前大部分網站的標準寬度), 然後按一定的比例( 3: 1 或2: 1) 進行縮放。 也就是說當我們載入一個普通網頁的時候, webkit會先以980畫素的瀏覽器標準載入網頁, 然後再縮小為490畫素的寬度。 注意這個縮小是一個全域性縮小, 也就是頁面上的所有元素都會縮小。

description 和 keywords 現在對於seo的作用參考與:http://www.zuifengyun.com/about-keywords-description.html