meta 的作用 蒐集

2022-08-01 18:27:11 字數 2061 閱讀 7521

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 和 用以說明主頁製作所使用的文字以及語言 又如英文...