溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html中如何使用meta標簽

發(fā)布時間:2020-09-24 13:59:23 來源:億速云 閱讀:127 作者:小新 欄目:web開發(fā)

小編給大家分享一下html中如何使用meta標簽,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

meta標簽的作用。

metadata 中文名叫做元數據,是用于描述數據的數據,它不會顯示在頁面上,但是機器可以識別,常用于定義頁面的說明,關鍵字,最后修改日期,和其他信息,這些信息存儲于瀏覽器,如何布局或者重新加載頁面。搜索引擎和其他服務。

兩個屬性 http-equiv屬性和name屬性

name屬性主要用于描述網頁,例如網頁的關鍵字,敘述等。屬性值為content

<meta name="參數" content="具體的描述">。

A. keywords(關鍵字)

說明:用于告訴搜索引擎,你網頁的關鍵字。舉例:

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

B. description(網站內容的描述)

說明:用于告訴搜索引擎,你網站的主要內容。舉例:

<meta name="description" content="文科生,熱愛前端與編程。目前大二,這是我的前端博客">

較重要的是viewport屬性。常用于移動端設計。

<meta name="viewport" content="width=device-width, initial-scale=1">

http-equiv屬性 相當于http的文件頭屬性。

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

content-type用于設定網頁字符集類型,便于瀏覽器進行渲染

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

C. cache-control(指定請求和響應遵循的緩存機制)

看完了這篇文章,相信你對html中如何使用meta標簽有了一定的了解,想了解更多相關知識,歡迎關注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI