html5中的meta標籤的三要素是什麼? meta標籤的使用總結

寻∝梦
發布: 2018-08-30 15:05:01
原創
14864 人瀏覽過

這篇文章主要的為大家講述的是關於html meta標籤的三要素,就是三屬性的組成和使用的介紹,裡面有很多比較重要的屬性值,在網頁中都是很有用的,現在讓我們一起來看這篇文章吧

首先我們要知道meta標籤的三個要素是什麼?

1.必選屬性:content屬性。該屬性是為了定義與http-equiv或name屬性相關的元信息,其中的內容是為了便於搜尋機器人查找資訊和分類使用的。

2. 可選屬性: name屬性此屬性主要用於描述網頁。 Name屬性的值可以有:author、description、keyword、generator等等

3.可選屬性:http-equiv屬性。此屬性相當與http的頭檔作用,可以向瀏覽器傳回一些有用的信息,以幫助正確和精確顯示內容。 http-equiv屬性的值可以有content-type、expires、refresh等等;

這是這三個屬性組成了html5 meta標籤的三個要素。

現在來看看這些屬性具體的使用介紹:

但是打開任意的網站,其head標籤內都有一列的meta標籤。

meta常用於定義頁面的說明,關鍵字,最後修改日期,和其它的元資料。這些元資料將服務於瀏覽器(如何佈局或重載頁面),搜尋引擎和其它網路服務。

meta標籤共有兩個屬性,分別是http-equiv屬性和name屬性

#HTML5 meta標籤的name屬性:

name屬性主要用來描述網頁,例如網頁的關鍵字,敘述等。與之對應的屬性值為content,content中的內容是對name填入類型的具體描述,以便於搜尋引擎抓取。 meta標籤中name屬性語法格式是:

登入後複製

其中name屬性最重要的一個參數。

HTML5 meta標籤的name屬性的值keywords(關鍵字):

說明:用來告訴搜尋引擎,你網頁的關鍵字。範例:

登入後複製

HTML5 meta標籤的name屬性的值description(網站內容的描述):

說明:用來告訴搜尋引擎,你網站的主要內容。範例:

登入後複製

HTML5 meta標籤的name屬性的值author(作者):

用於標註網頁作者舉例:

登入後複製

HTML5 meta標籤的http-equiv屬性:

http-equiv顧名思義,相當於http的檔案頭作用。

相當於HTTP的作用,比如說定義些HTTP參數啥的。

meta標籤中http-equiv屬性語法格式是:

登入後複製

其中http-equiv屬性說說其中一個參數:

#content-Type(設定網頁字元集)(建議使用HTML5的方式)

說明:用於設定網頁字元集,方便瀏覽器解析與渲染頁面範例:

//舊的HTML,不建議

//HTML5設定網頁字元集的方式,推薦使用UTF-8

總結的就這麼多了,meta標籤的自訂屬性實在太多了。所以只去找了常用的一些,還有像 Window-target 這樣已經基本上被廢棄的屬性,我也沒有加。

HTML5 meta標籤的作用:

META標籤是HTML標記HEAD區的關鍵標籤,提供文件字元集、使用語言、作者等基本訊息,以及對關鍵字和網頁等級的設定等,最大的功能是能夠做搜尋引擎優化(SEO)。

【小編推薦】

html p標籤是單一標籤嗎? html p標籤的使用方法介紹(內附實例)

input表單如何製作多行文字輸入框?一篇文章教你學會使用input標籤

以上是html5中的meta標籤的三要素是什麼? meta標籤的使用總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!