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