Html meta意思

HTML中的meta標籤是位於head部分的一個元數據標籤,用於提供有關網頁的元信息,這些信息不會直接顯示在網頁上,但會被瀏覽器和其他工具使用。meta標籤的典型用途包括指定網頁的標題、描述、關鍵字、字元集、作者、出版日期等。

例如,以下是一個基本的meta標籤示例:

<head>
    <meta charset="UTF-8">
    <title>網頁標題</title>
</head>

在這個例子中,<meta charset="UTF-8">標籤告訴瀏覽器使用UTF-8字元集來解釋網頁內容。<title>網頁標題</title>標籤則定義了網頁的標題,這將在瀏覽器的標題欄中顯示。

meta標籤還可以用於其他目的,例如設定網頁的SEO(搜尋引擎最佳化)信息,指定網頁的視口(Viewport)大小,以及提供網頁的到期時間等。例如:

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="網頁描述">
    <meta name="keywords" content="網頁關鍵字">
    <title>網頁標題</title>
</head>

在這個例子中,<meta name="viewport">標籤用於告訴行動裝置如何縮放網頁以適應設備螢幕。<meta name="description">標籤提供了網頁的簡短描述,這通常用於搜尋引擎結果頁面(SERP)中的摘要。<meta name="keywords">標籤則包含了網頁的關鍵字,這有助於搜尋引擎更好地理解網頁內容。

需要注意的是,一些meta標籤屬性(如namehttp-equiv)已經過時,或者被認為對SEO沒有太大影響。例如,meta keywords(關鍵字)標籤在搜尋引擎最佳化中並不重要,因為搜尋引擎通常會忽略它。相反,專注於提供高質量的內容和最佳化用戶體驗是更重要的SEO策略。