標籤到底能作哪些事情

<meta>標籤到底能作哪些事情

meta

標籤提供關於HTML文檔的元數據。元數據不會顯示在頁面上，可是對於機器是可讀的。

<meta>標籤中的屬性

1. name

name屬性提供了名稱/值對中的名稱。HTML和XHTML標籤都沒有指定任何預先定義的<meta>名稱。一般狀況下，能夠使用對本身和源文檔的讀者來講易讀富有意義的名稱。

1. http-equiv

http-equiv屬性提供了名稱/值對中的名稱。並指示服務器在發送實際的文檔以前要傳送給瀏覽器的MIME文檔頭部包含的名稱/值對。

<meta>標籤使用方法

1. name

<!-- 使用方法 -->
<meta name="參數名" content="參數值">
<!-- 例1：Keywords: 告訴搜索引擎當前網頁的關鍵字 -->
<meta name="keywords" content="web,html,study">
<!-- 例2：description: 告訴搜索引擎當前網頁的主要內容 -->
<meta name="description" content="這個網站是介紹HTML中，<meta>標籤的使用">
<!-- 例3：author: 標註當前網頁的做者 -->
<meta name="author" content="web_xiang">

綜上，能夠得出name屬性，主要是針對網頁的一些描述。

1. http-equiv:主要是將配置的名稱/值關聯到HTTP請求的頭部

<!-- 使用方法 -->
<meta http-equiv="參數名" content="參數值">
<!-- Content-Type: 定義頁面中使用的字符集-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- expires: 定義頁面資源的有效期 -->
<meta http-equiv="expires" content="Mon Aug 10 2020 20:31:45 GMT+0800 (中國標準時間)">
<!-- pragma: 定義請求的catch緩存模式 -->
<meta http-equiv="pragma" content="no-cache">
<!-- refresh: 設定網頁自動刷新時間,跳轉到指定URL，未設置則刷新當前頁面 -->
<meta http-equiv="refresh" content="2 URL=http://www.baidu.com">
<!-- Set-Cookie: 設定網頁請求的cookie -->
<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Mon Aug 10 2020 20:31:45 GMT+0800 (中國標準時間); path=/">
<!-- Window-target: 強制頁面在當前窗口以獨立頁面顯示 -->
<meta http-equiv="Window-target" content="_top">

綜上，能夠得出http-equiv主要是針對網頁請求的一些配置