HTML meta標籤使用介紹

2021-10-11 21:28:09 字數 1841 閱讀 3566

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

meta共有charset、content、name、http-equiv四個屬性

定義文件的字元編碼

charset

="utf-8"

>

這個屬性包含http-equivname屬性的值。

content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

namecontent屬性一起使用,以名稱/值對的方式給文件提供元資料,其中 name 作為元資料的名稱,content 作為元資料的值。

name

="keywords"

content

="前端、html、meta"

>

name

="description"

content

="描述"

>

name

="viewport"

content

="width=device-width, initial-scale=1"

>

name

="author"

content

="beans"

>

name

="generator"

content

="visual studio code"

>

name

="referrer"

content

="always"

>

更多元資料名稱傳送門

翻譯為,相當於http頭部的作用,所有允許的值都是http頭部的名稱,它可以向瀏覽器返回一些有用的資訊,以致瀏覽器可以正確的顯示網頁內容,常用引數有

// 舊寫法

charset

="utf-8"

>

// html5後新寫法

詳細用法傳送門

HTML meta標籤總結與屬性使用介紹

之前學習前端中,對meta標籤的了解僅僅只是這一句。charset utf 8 但是開啟任意的 其head標籤內都有一列的meta標籤。比如我部落格的。但是自己卻很不熟悉,於是把meta標籤加入了寒假學習計畫的最前方。the tag provides metadata about the html ...

HTML meta標籤總結與屬性使用介紹

之前學習前端中,對meta標籤的了解僅僅只是這一句。但是開啟任意的 其head標籤內都有一列的meta標籤。the tag provides metadata about the html document.metadata will not be displayed on the page,but...

HTML meta標籤總結與屬性使用介紹

之前學習前端中,對meta標籤的了解僅僅只是這一句。但是開啟任意的 其head標籤內都有一列的meta標籤。比如我部落格的。但是自己卻很不熟悉,於是把meta標籤加入了寒假學習計畫的最前方。the tag provides metadata about the html document.metad...