移動端meta標籤

2022-08-26 15:30:15 字數 559 閱讀 2311

meta裡的資料是供機器解讀的,告訴機器該如何解析這個頁面

1(二)meta的必需屬性和可選屬性

1.必需屬性content

屬性值為text 11

2.可選屬性http-equiv

http-equiv 屬性在 標籤相當於http的標頭檔案,向瀏覽器傳遞有用的資訊,該屬性使用

的變數的值會在 content 屬性中規定,12

13.可選屬性name

(三)常見的meta標籤

1.charset是宣告文件使用的字元編碼,解決亂碼問題主要用的就是它,值得一提的是,這個charset

一定要寫第一行,不然就可能會產生亂碼了。 12

//兩種方式等效12

32.seo 優化部分

1your title

宣告文件使用的字元編碼:

強制讓文件與裝置的寬度保持1:1,對頁面設定不能進行縮放:

必須聯網才可以訪問,禁止瀏覽器從本地計算機的快取中訪問頁面內容:

演示京東的meta:

京東 - 手機版 

meta標籤 移動端

手機網頁可以通過meta標籤設定縮放,撥號的超連結 縮放 網頁手機wap2.0網頁的head裡加入下面這條元標籤,在iphone的瀏覽器中頁面將以原始大小顯示,並不允許縮放。width viewport的寬度 height viewport的高度 initial scale 初始的縮放比例 mini...

移動端meta標籤

設定這些meta標籤的主要作用是描述網頁,便於搜尋引擎抓取 相容瀏覽器,適配移動端 開啟或者是禁止一些預設的樣式和預設的事件等等。1 作用 ie edge告訴ie使用最新的引擎渲染網頁,chrome 1則可以啟用chrome frame x ua compatible是自從ie8新加的乙個設定,對於...

移動端meta標籤設定

1.設定當前html檔案的字元編碼 2設定瀏覽器的相容模式 讓ie使用最新的瀏覽器渲染 3.視口 快捷鍵 meta vp 4.cache control頭域 5.是用於設定禁止瀏覽器從本地機的快取中調閱頁面內容,設定後一旦離開網頁就無法從cache中再調出 6.禁止將頁面中的一連串數字識別為 號碼 ...