html5中的meta標簽怎么用

這篇文章主要介紹了html5中的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="億速云，編程學習的網站，在線視頻教程">

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

用于標注網頁作者舉例：

<meta name="author"content="億速云">

HTML5 meta標簽的http-equiv屬性：

http-equiv顧名思義，相當于http的文件頭作用。

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

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

<meta http-equiv="參數" content="具體的描述">

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

content-Type(設定網頁字符集)(推薦使用HTML5的方式)

說明：用于設定網頁字符集，便于瀏覽器解析與渲染頁面舉例：

<meta http-equiv="content-Type" content="text/html;charset=utf-8">  //舊的HTML，不推薦

<meta charset="utf-8"> //HTML5設定網頁字符集的方式，推薦使用UTF-8

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

HTML5 meta標簽的作用：

META標簽是HTML標記HEAD區的一個關鍵標簽，提供文檔字符集、使用語言、作者等基本信息，以及對關鍵詞和網頁等級的設定等，最大的作用是能夠做搜索引擎優化（SEO）。

感謝你能夠認真閱讀完這篇文章，希望小編分享html5中的meta標簽怎么用內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!