1. 程式人生 > >html的meta標籤

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">

2.http-equiv屬性 相當於http的檔案頭屬性。

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

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

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

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

詳見部落格

https://www.cnblogs.com/wangyang108/p/5995379.html