HTML中meta標籤的七種用法

2021-10-09 17:13:36 字數 1790 閱讀 6820

標籤位於文件的頭部,不包含任何內容。標籤的屬性定義了與文件相關聯的名稱/值對。

1. 設定**編碼

charset

="utf-8"

>

2. 設定視口不允許用於縮放"

常見取值:

width:控制viewport的寬度,這個值可以被指定,例如:500px。亦或者是「device-width」,意思是設定視口寬度為裝置寬度。

height:控制viewport的高度。

initial-scale:初始縮放比例,即每一次載入時頁面縮放的比例。

maximum-scale:允許使用者縮放到的最大縮放比例。

minimum-scale:允許使用者縮放到的最小縮放比例。

user-scaleable:是否允許使用者縮放,可以傳「yes」或「no」

name

="viewport"

content

="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scaleable=no"

>

3. 設定ie相容模式

常見取值:

以上**告訴ie瀏覽器,無論是否用dtd宣告文件標準,ie8/9都會以ie7引擎來渲染頁面。

以上**告訴ie瀏覽器,ie8/9都會以ie8引擎來渲染頁面。

以上**告訴ie瀏覽器,ie8/9及以後的版本都會以最高版本ie來渲染頁面。

4設定**關鍵字

`name

="keywords"

content

="關鍵字1,關鍵字2"

/>

5.設定**描述

name

="description"

content

="這裡寫描述"

/>

6.設定頁面自動重新整理

注意: 3表示頁面跳轉間隔時間,url表示頁面跳轉的新網頁位址

7.其他

name

="auther"

content

="xiang"

/>

這行**並不會被瀏覽器解析,只會存在於原始碼當中,類似於注釋

html中的meta標籤

meta元素提供頁面的原資訊,位於文件頭部 content屬性 該屬性提供名稱 值對中的值,使用要與http equiv或name屬性一起使用 3.1 http equiv 屬性 對應的值有 content type expires refresh set cookie 該屬性把content屬性關...

Html中meta標籤詳解

這個屬性指定 如果content 只包含乙個正整數,則是重新載入頁面的時間間隔 秒 如果content 包含乙個正整數並且跟著乙個字串,則是重定向到指定鏈結的時間間隔 秒 refresh content 3 author author content 龍龍老表 description descrip...

HTML中meta標籤作用

源資料描述資料的資料,描述html文件的資訊 設定字元編碼。以鍵值對的方式設定字元編碼其中content type是鍵,text html charset gb2312是值,html5。refresh指的是設定refresh屬性,3秒後重新整理的內容指向三秒後跳轉到 keywords是寫給搜尋引擎的...