html中meta標籤說明

2021-10-24 21:15:41 字數 3126 閱讀 2182

官方說明

​ thehtmlelementrepresents metadata that cannot be represented by other html meta-related elements, likebase,link,script,styleortitle.

意思就是meta元素包含了html網頁中不能在base,link,script,style,title等元素中表示的其他文件級別的元資料

name

​ 元資料的名稱對應於content:元資料的內容

​ 設定name屬性的meta元資料將被應用於整個文件

​ 定義一些編譯指令,它的值只能是http headers中一些特定的屬性名,如:content-type

​ 它的內容放在content屬性中

​ 元資料的內容對應於name和http-equiv

charset

​ 指明當前頁面的編碼格式,只能設定為utf-8,大小寫不敏感,而且此元資料必須位於文件的前1024位元組內

charset

="utf-8"

>

​ http-equiv的屬性包括:content-security-policy,content-type,default-style,x-ua-compatible,refresh

​ 主要是為當前頁面定義內容策略,簡稱csp。用於指定服務端和指令碼端點,幫助阻止跨域指令碼攻擊

舉個栗子

詳細用法傳送門

​ 宣告文件的mime型別和字元編碼。如果在meta中使用content-type,則必須使用「text/html; charset=utf-8」,效果對等同於meta中設定的charset,

同樣必須位於文件的前1024位元組內。

​ 另外只能在帶有text/html-的文件中使用-不能用於帶有xml mime型別的文件

​ 設定預設css樣式表集的名稱

="default-style"

content

="the document's preferred stylesheet"

>

​ 定時重新整理、定時重定向

="refresh"

content

="30"

>

="refresh"

content

="3;url="

>

​ 為相容ie而存在的標籤,content屬性必須具有值「ie=edge」

meta中最常用的屬性,和content一起為頁面提供元資料的名稱和元資料的值

如:

name

="color-scheme"

content

="dark light"

>

html規範中支援的name引數

author:作者

description:描述

generator:製作頁面的軟體標識

keywords:文件內容的關鍵字

referer:控制頁面傳送給服務端的referer資訊

content資訊

描述no-referrer

不要傳送http referrer頭資訊。

origin

傳送referrer的資訊。

no-referrer-when-downgrade

當目標的安全性至少與當前頁面一樣安全時,傳送完整的url(http(s)→https),但是在安全性較差的情況下,不傳送引薦**(https→http)。這是預設行為。

origin-when-cross-origin

為相同**的請求傳送完整的url(帶引數的url),但在其他情況下只傳送原始url。

same-origin

傳送相同**請求的完整url(帶引數的url)。跨域請求將不包含引薦**標頭。

strict-origin

當目標的安全性至少與當前頁面一樣安全時,傳送源(http(s)→https),但在安全性較低時,不傳送引薦**位址(https→http)。

strict-origin-when-cross-origin

傳送相同**請求的完整url(帶引數的url)。當目標至少與當前頁面一樣安全時傳送原始訊息(http(s)→https)。否則,不傳送引薦**。

unsafe-url

傳送相同**或跨**請求的完整url(帶引數的)。

theme-color:用來定義網頁周圍或外面的顏色,比如移動端開啟頁面時,頂部狀態列的顏色

color-scheme:配色方案,比移動端設定了深色模式,這個屬性就可以和瀏覽器一起相容深色模式

name

="color-scheme"

content

="only light"

>

其他規範中定義的標準元資料名稱

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是寫給搜尋引擎的...