官方說明
thehtmlelementrepresents metadata that cannot be represented by other html meta-related elements, like
base
,link
,script
,style
ortitle
.
意思就是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是寫給搜尋引擎的...