HTML中的<meta>標(biāo)簽的使用詳解
我要評(píng)論在我們制作的網(wǎng)頁(yè)中，要是想讓它能夠讓更多的人去訪問(wèn)，最好的方法就是通過(guò)搜索引擎來(lái)找到你的網(wǎng)址，于是需要你的網(wǎng)頁(yè)可以有關(guān)鍵詞能夠讓搜索引擎來(lái)識(shí)別，于是HTML中的<meta>標(biāo)簽就是這個(gè)功能，將這個(gè)頁(yè)面的關(guān)鍵信息寫入去，讓搜索引擎能夠去識(shí)別，那么接下來(lái)就說(shuō)一下<meta>如何去使用：
<head> <title>mate</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="googlebot" content="noarchive" /> </head>
1.屬性的使用
這個(gè)是一個(gè)簡(jiǎn)單的實(shí)例，這個(gè)標(biāo)簽是寫在<head>中，不會(huì)被用戶看到，這個(gè)是更具自己的需求來(lái)看是否要這些功能，標(biāo)簽的屬性主要有http-equiv和name。
http-equiv就像http的頭文件，可以向?yàn)g覽器發(fā)送一些有用的信息，幫助更好得顯示自己想要的內(nèi)容，http-equiv屬性的值可以有content-type、expires、refresh等等。
name該屬性主要用于描述網(wǎng)頁(yè)。name屬性的值可以有：author、description、keywords、generator等等。
2.name屬性的應(yīng)用
name的使用可以看上面的列子，比如keywords和description，關(guān)鍵詞和描述的使用，因?yàn)榘凑账阉饕娴墓ぷ髟?，搜索引擎?huì)首先排除機(jī)器人自動(dòng)檢索頁(yè)面中的keywords和description，并將其加入自己的數(shù)據(jù)庫(kù)，然后根據(jù)關(guān)鍵詞的密度將網(wǎng)站排序，所以這兩個(gè)屬性很重要
注意：keywords的content內(nèi)容要限制在36個(gè)字。
description的content內(nèi)容要限制在76個(gè)字。
這倆個(gè)需要配合使用
總結(jié)
以上所述是小編給大家介紹的HTML中的<meta>標(biāo)簽的使用詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了HTML常用meta大全(推薦)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-30移動(dòng)端專用的meta標(biāo)簽設(shè)置大全
不知道有沒有人覺得，html的meta標(biāo)簽描述的頭部信息特別多，下面這篇文章主要給大家分享介紹了關(guān)于移動(dòng)端專用的meta設(shè)置的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要2018-09-04- <meta> 元素可提供有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。這篇文章給大家介紹了html中meta標(biāo)簽及用法詳解，感興趣的朋2018-02-23
HTML標(biāo)簽meta總結(jié),HTML5 head meta 屬性整理
移動(dòng)前端開發(fā)中添加一些webkit專屬的HTML5頭部標(biāo)簽，幫助瀏覽器更好解析HTML代碼，更好地將移動(dòng)web前端頁(yè)面表現(xiàn)出來(lái)。本文整理一些常用的meta標(biāo)簽,需要的朋友可以參考下2017-06-29
dreamweaver cs5不寫寫代碼怎么添加meta標(biāo)簽?
dreamweaver cs5不寫寫代碼怎么添加meta標(biāo)簽？dreamweaver想要添加meta標(biāo)簽，但是不想寫代碼，該怎么辦呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-04-11- 本文給大家介紹了html5中各種頭部meta標(biāo)簽功能小結(jié)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下2017-03-13
- 這篇文章主要介紹了HTML中meta標(biāo)簽及Keywords的相關(guān)資料,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-04-15
