format-detection翻譯成中文的意思是「格式檢測」,顧名思義,它是用來檢測html裡的一些格式的,那關於meta的format-detection屬性主要是有以下幾個設定:
也可以連寫: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就開啟了點選
位址直接跳轉至地圖的功能,在預設是情況下就是開啟!
最近在學習移動網頁開發,首先看到head裡面設定了下面這個屬性:
通過蒐集資料,大體了解了viewport屬性的含義。
手機瀏覽器是把頁面放在乙個虛擬的「視窗」(viewport)中,通常這個虛擬的「視窗」(viewport)比螢幕寬,這樣就不用把每個網頁擠到很小的視窗中,也不會破壞沒有針對手機瀏覽器優化的網頁的布局,使用者可以通過平移和縮放來看網頁的不同部分。移動版的
safari 瀏覽器最新引進了viewport 這個 meta tag,讓網頁開發者來控制 viewport
的大小和縮放,其他手機瀏覽器也基本支援。
dpi表示解析度,指每英吋長度上的點數。 畫素是面積概念100dpi*100dpi = 1000px
乙個常用的針對移動網頁優化過的頁面的 viewport meta 標籤大致如下:
1、width
:控制viewport的大小,可以指定乙個值,如600,
或者特殊的值,如device-width為裝置的寬度(單位是縮放為100%的css的畫素)
2、height
:和width相對應,指定高度
3、initial-scale
:初始縮放比例,頁面第一次載入時的縮放比例
4、maximum-scale
:允許使用者縮放到的最大比例,範圍從0到10.0
5、minimum-scale
:允許使用者縮放到的最小比例,範圍從0到10.0
6、user-scalable
:使用者是否可以手動縮放,值可以是:①yes、
true允許使用者縮放;②no、false不允許使用者縮放
viewport並非只是ios上的獨有屬性,在android、winphone上同樣也有viewport。它們要解決的問題是相同的,即無視裝置的真實解析度,直接通過dpi,在物理尺寸和瀏覽器之間重設解析度,這個解析度和裝置的解析度無關。比如,你拿個3.5寸-320
* 480的iphone3 gs、3.5寸-640 *
960的iphone4或者9.7寸-1024*768的ipad2,雖然裝置的解析度不同,物理尺寸也不同,但你可以通過設定viewport讓它們在瀏覽器裡有相同的解析度。比如說,你的**是800px寬,你可以通過設定viewport的width=800,來讓你的**在這三個不同的裝置上都剛好滿屏顯示你的**
。網上一搜關於viewport的知識,基本上全都是如下資訊:
這段**的意思是,讓viewport的寬度等於物理裝置上的真實解析度,不允許使用者縮放。一都主流的web
中meta的作用
一 語法 二 引數解析 1 name項 常用的選項有keywords 關鍵字 description 內容描述 author 作者 robots 機械人嚮導 等。2 http equiv項 可用於代替name項,常用的選項有expires 期限 pragma cache模式 refresh 重新整理...
meta標籤的作用
前端接觸時間也不小了,但可能很多人對meta標籤依然認識不足 只知道charset utf 8?我們今天來好好分析一下meta標籤的作用以及如何更好的利用meta標籤做網頁的seo。第一方面 meta標籤可以用作http equiv相關資訊的設定。相當於http頭的作用 1.pragma 是用於設定...
HTML中meta的作用
name屬性 1 用以說明生成工具 如microsoft frontpage 4.0 等 3 告訴搜尋引擎你的站點的主要內容 4 告訴搜尋引擎你的站點的製作的作者 5 其中的屬性說明如下 設定為index 檔案將被檢索 http equiv屬性 1 和 用以說明主頁製作所使用的文字以及語言 又如英文...