摘要:在的標(biāo)簽中,會(huì)使用很多的標(biāo)簽,例下編程前端極客那么這些標(biāo)簽有什么作用呢解釋,稱為元數(shù)據(jù)。可能你會(huì)有些疑惑,什么叫做元數(shù)據(jù)。
在html的head標(biāo)簽中,會(huì)使用很多的meta標(biāo)簽,例下:
Document
那么這些標(biāo)簽有什么作用呢?
解釋meta,稱為元數(shù)據(jù)。元數(shù)據(jù)是對(duì)數(shù)據(jù)的描述??赡苣銜?huì)有些疑惑,什么叫做元數(shù)據(jù)。舉個(gè)例子,以前在背單詞的時(shí)候,在單詞表上只會(huì)有"hello: 你好",以及音標(biāo)信息,還會(huì)有一段對(duì)hello的解釋,而這段解釋可以理解為元數(shù)據(jù),即描述數(shù)據(jù)的數(shù)據(jù)。
html,本身是描述信息的數(shù)據(jù),而mata就是對(duì)整個(gè)html文件信息的描述。
在mata中,常見(jiàn)的有兩種格式
meta使用k,v的結(jié)構(gòu),在content中是對(duì)name的一個(gè)詳細(xì)描述,比如name="keywords",content是說(shuō)明當(dāng)前的html中是編程, 前端, 極客, Call, Apply, Bind關(guān)鍵字的描述。比如name="viewport",主要是應(yīng)用于移動(dòng)設(shè)備,決定當(dāng)前頁(yè)面的一個(gè)錨,所有的element的像素布局相當(dāng)于這個(gè)viewport定義的大小。
而http-equiv是則是http的傳輸相關(guān),如上的Cache-Control,當(dāng)前頁(yè)面使用content中對(duì)應(yīng)策略,no-cache不使用客戶端的緩存。
meta和SEO因?yàn)?b>meta是對(duì)當(dāng)前頁(yè)面的內(nèi)容的精簡(jiǎn)描述,所有有利于SEO,比如在meta中設(shè)置了keywords,description等,搜索引擎會(huì)放出"蜘蛛",去抓取頁(yè)面中的"關(guān)鍵信息",然后放到搜索引擎的服務(wù)中,所有設(shè)置合適的meta有利于搜索引擎優(yōu)化
使用第三方的服務(wù),生成meta組如果你不知道應(yīng)該有一個(gè)什么樣的meta標(biāo)簽組,可以使用該網(wǎng)站HEY META,你只需要輸入如description,keywords等信息,它會(huì)生成專門(mén)針對(duì)Google,F(xiàn)acebook,Twitter的meta組,喜歡的可以訪問(wèn)嘗試下。如使用一個(gè)之前博客的,生成的meta組如下
Vue組件三-Slot分發(fā)內(nèi)容
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/53617.html
摘要:在的標(biāo)簽中,會(huì)使用很多的標(biāo)簽,例下編程前端極客那么這些標(biāo)簽有什么作用呢解釋,稱為元數(shù)據(jù)??赡苣銜?huì)有些疑惑,什么叫做元數(shù)據(jù)。 在html的head標(biāo)簽中,會(huì)使用很多的meta標(biāo)簽,例下: Document 那么這些標(biāo)簽有什么作用呢? 解釋 meta,稱為元數(shù)據(jù)。元數(shù)據(jù)是對(duì)數(shù)據(jù)的描述。可能你會(huì)有些疑惑,什么叫做元數(shù)據(jù)。舉個(gè)例子,以...
摘要:參數(shù),代表說(shuō)明網(wǎng)站的采用的什么軟件制作。的信息參數(shù),表示說(shuō)明此網(wǎng)站的版權(quán)信息。設(shè)置顯示窗口的默認(rèn)設(shè)定強(qiáng)制改變頁(yè)面在當(dāng)前窗口的顯示方式為獨(dú)立顯示,可以用來(lái)防止別人在框架里調(diào)用自己的頁(yè)面。 在寫(xiě)前端頁(yè)面時(shí),常常忽略meta標(biāo)簽的作業(yè),只是習(xí)慣性的粘貼常用的一些代碼,很多不明白meta還有其他很多用法,下面是我整理的一部分。meta標(biāo)簽的組成:meta標(biāo)簽原本有兩個(gè)屬性,它們分別是http-...
閱讀 1516·2021-11-11 16:54
閱讀 9865·2021-11-02 14:44
閱讀 2440·2021-10-22 09:53
閱讀 3324·2019-08-30 11:18
閱讀 2010·2019-08-29 13:29
閱讀 2076·2019-08-27 10:58
閱讀 1703·2019-08-26 11:38
閱讀 3586·2019-08-26 10:31