摘要:在的標簽中,會使用很多的標簽,例下編程前端極客那么這些標簽有什么作用呢解釋,稱為元數據。可能你會有些疑惑,什么叫做元數據。
在html的head標簽中,會使用很多的meta標簽,例下:
Document
那么這些標簽有什么作用呢?
解釋meta,稱為元數據。元數據是對數據的描述。可能你會有些疑惑,什么叫做元數據。舉個例子,以前在背單詞的時候,在單詞表上只會有"hello: 你好",以及音標信息,還會有一段對hello的解釋,而這段解釋可以理解為元數據,即描述數據的數據。
html,本身是描述信息的數據,而mata就是對整個html文件信息的描述。
在mata中,常見的有兩種格式
meta使用k,v的結構,在content中是對name的一個詳細描述,比如name="keywords",content是說明當前的html中是編程, 前端, 極客, Call, Apply, Bind關鍵字的描述。比如name="viewport",主要是應用于移動設備,決定當前頁面的一個錨,所有的element的像素布局相當于這個viewport定義的大小。
而http-equiv是則是http的傳輸相關,如上的Cache-Control,當前頁面使用content中對應策略,no-cache不使用客戶端的緩存。
meta和SEO因為meta是對當前頁面的內容的精簡描述,所有有利于SEO,比如在meta中設置了keywords,description等,搜索引擎會放出"蜘蛛",去抓取頁面中的"關鍵信息",然后放到搜索引擎的服務中,所有設置合適的meta有利于搜索引擎優化
使用第三方的服務,生成meta組如果你不知道應該有一個什么樣的meta標簽組,可以使用該網站HEY META,你只需要輸入如description,keywords等信息,它會生成專門針對Google,Facebook,Twitter的meta組,喜歡的可以訪問嘗試下。如使用一個之前博客的,生成的meta組如下
Vue組件三-Slot分發內容
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/101400.html
摘要:參數,代表說明網站的采用的什么軟件制作。的信息參數,表示說明此網站的版權信息。設置顯示窗口的默認設定強制改變頁面在當前窗口的顯示方式為獨立顯示,可以用來防止別人在框架里調用自己的頁面。 在寫前端頁面時,常常忽略meta標簽的作業,只是習慣性的粘貼常用的一些代碼,很多不明白meta還有其他很多用法,下面是我整理的一部分。meta標簽的組成:meta標簽原本有兩個屬性,它們分別是http-...
閱讀 2882·2021-11-22 09:34
閱讀 1212·2021-11-19 09:40
閱讀 3335·2021-10-14 09:43
閱讀 3566·2021-09-23 11:22
閱讀 1601·2021-08-31 09:39
閱讀 880·2019-08-30 15:55
閱讀 1414·2019-08-30 15:54
閱讀 854·2019-08-30 15:53