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

這篇文章主要的為大家講述的是關於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屬性語法格式是：

<meta name="参数"content="具体的描述">。

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

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

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

<meta name="keywords"content="Lxxyx,博客，文科生，前端">

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

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

<meta name="description"content="PHP中文网，编程学习的网站，在线视频教程">

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

用於標註網頁作者舉例：

<meta name="author"content="PHP中文网">

HTML5 meta標籤的http-equiv屬性：

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

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

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

<meta http-equiv="参数" content="具体的描述">

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

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

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

5d522330da77a9d44f6ea96e3bba5b8b  //舊的HTML，不建議

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

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

HTML5 meta標籤的作用：

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

【小編推薦】

html p標籤是單一標籤嗎？ html p標籤的使用方法介紹（內附實例）

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

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