這篇文章主要介紹了html5中的meta標簽怎么用，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供普陀網(wǎng)站建設、普陀做網(wǎng)站、普陀網(wǎng)站設計、普陀網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、普陀企業(yè)網(wǎng)站模板建站服務，十載普陀做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

首先我們要知道m(xù)eta標簽的三要素是什么？

1.必選屬性：content屬性。該屬性是為了定義與http-equiv或者name屬性相關的元信息，其中的內(nèi)容是為了便于搜索機器人查找信息和分類使用的。

2. 可選屬性： name屬性該屬性主要用于描述網(wǎng)頁。Name屬性的值可以有：author、description、keyword、generator等等

3.可選屬性：http-equiv屬性。該屬性相當與http的頭文件作用，可以向瀏覽器返回一些有用的信息，以幫助正確和精確顯示內(nèi)容。http-equiv屬性的值可以有content-type、expires、refresh等等；

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

現(xiàn)在來看看這些屬性具體的使用介紹：

但是打開任意的網(wǎng)站，其head標簽內(nèi)都有一列的meta標簽。

meta常用于定義頁面的說明，關鍵字，最后修改日期，和其它的元數(shù)據(jù)。這些元數(shù)據(jù)將服務于瀏覽器（如何布局或重載頁面），搜索引擎和其它網(wǎng)絡服務。

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

HTML5 meta標簽的name屬性：

name屬性主要用于描述網(wǎng)頁，比如網(wǎng)頁的關鍵詞，敘述等。與之對應的屬性值為content，content中的內(nèi)容是對name填入類型的具體描述，便于搜索引擎抓取。meta標簽中name屬性語法格式是：

<meta name="參數(shù)"content="具體的描述">。

其中name屬性最重要的一個參數(shù)。

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

說明：用于告訴搜索引擎，你網(wǎng)頁的關鍵字。舉例：

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

HTML5 meta標簽的name屬性的值description(網(wǎng)站內(nèi)容的描述)：

說明：用于告訴搜索引擎，你網(wǎng)站的主要內(nèi)容。舉例：

<meta name="description"content="創(chuàng)新互聯(lián)，編程學習的網(wǎng)站，在線視頻教程">

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

用于標注網(wǎng)頁作者舉例：

<meta name="author"content="創(chuàng)新互聯(lián)">

HTML5 meta標簽的http-equiv屬性：

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

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

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

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

其中http-equiv屬性說說其中一個參數(shù)：

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

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

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

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

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

HTML5 meta標簽的作用：

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

感謝你能夠認真閱讀完這篇文章，希望小編分享html5中的meta標簽怎么用內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學習!

標題名稱：html5中的meta標簽怎么用
分享網(wǎng)址：http://www.chinadenli.net/article22/iiipcc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、做網(wǎng)站、虛擬主機、網(wǎng)站導航、營銷型網(wǎng)站建設、網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)