meta元素是一種元數(shù)據(jù)(Metadata)惩坑,在了解meta之前掉盅,我們先來認(rèn)識一下metadata。
元數(shù)據(jù)(Metadata)含有頁面的相關(guān)信息以舒,包括樣式趾痘、腳本及數(shù)據(jù),能幫助一些軟件?(如[搜索引擎](https://developer.mozilla.org/en-US/docs/Glossary/search_engine)蔓钟,?[瀏覽器](https://developer.mozilla.org/en-US/docs/Glossary/Browser)等等)更好地運用和渲染頁面永票。對于樣式和腳本的元數(shù)據(jù),可以直接在網(wǎng)頁里定義,也可以鏈接到包含相關(guān)信息的外部文件侣集。
HTML元素表示那些不能由其它HTML相關(guān)元素(<base>键俱,<link>,<script>世分,<style>或<title>)之一表示的任何元數(shù)據(jù)信息.编振,meta元素與link一樣,是沒有結(jié)束標(biāo)簽的罚攀,在HTML5中党觅,<meta charset="utf-8">在語法上是正確的,而在XHTML中則必須要有關(guān)閉標(biāo)簽<meta charset="utf-8" />斋泄。
meta標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)杯瞻。元數(shù)據(jù)不會顯示在頁面上,但是對于計算機是可讀的炫掐。它可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面)魁莉,搜索引擎(關(guān)鍵詞),或其他 web 服務(wù)募胃。
meta標(biāo)簽常見的屬性
charset
<meta charset="utf-8">
對于文檔設(shè)置字符編碼為UTF-8旗唁。
name
<meta name="author" content="author name">
定義網(wǎng)頁作者。
<meta name="description" content="meta常見的屬性">
description用來告訴搜索引擎搜索你的網(wǎng)站主要內(nèi)容痹束。
<meta name="viewport" content="width=device-width,initial-scale=1.0">
規(guī)定可視窗的寬為設(shè)備寬检疫,初始縮放比例為1,主要在響應(yīng)式頁面應(yīng)用較多祷嘶。
<meta name="keywords" content="HTTP HTML CSS JavaScript">
定義文檔關(guān)鍵詞屎媳,便于搜索引擎搜索。
http-equiv
http頭文件论巍,它可以向瀏覽器傳回一些有用的信息烛谊,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,與之對應(yīng)的屬性值為content嘉汰,content中的內(nèi)容其實就是各個參數(shù)的變量值丹禀。
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
meta標(biāo)簽的charset的信息參數(shù)如UTF-8時,網(wǎng)頁采用世界通用的語言編碼鞋怀。
<meta http-equiv="x-ua-compatible" content="ie=edge">
表示強制瀏覽器按照最新的標(biāo)準(zhǔn)去渲染双泪。
<meta http-equiv="Content-Language" content="zh-cn">
用于顯示語言的設(shè)定為中文。
未完待續(xù)……