200瓦能做捕鱼机吗

書名： HTML5從入門到精通（第4版）
作者名：明日科技編著
本章字數： 2432字
更新時間： 2024-12-24 10:26:18

2.3　元信息標簽<meta>

2.3.1　設置頁面關鍵字

設置頁面關鍵字是為了向搜索引擎說明這一網頁的關鍵詞，從而幫助搜索引擎對該網頁進行查找和分類，這可以提高被搜索到的概率。一般可設置多個關鍵字，關鍵字之間用逗號隔開。但是，由于很多搜索引擎在檢索時會限制關鍵字數量，因此在設置關鍵字時不要過多，應“一擊即中”。設置頁面關鍵字的語法格式如下。

     <meta name=" keywords " content="具體的關鍵字">

在該語法中，name為屬性名，keywords為屬性值，該屬性用于設置頁面的關鍵字，而在content中則定義具體的關鍵字的內容。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <title>設置頁面關鍵字</title>
          <meta name=" keywords " content="html,元信息,關鍵字">
     </head>
     <body>
     </body>
     </html>

在該實例中設定了“html”“元信息”“關鍵字”3個詞語作為該頁面的關鍵字。

2.3.2　設置頁面描述

設置頁面描述也是為了便于搜索引擎的查找。它用來描述網頁的主題等，與關鍵字一樣，設置的頁面描述也不會顯示在網頁中。語法格式如下。

     <meta name="description" content="對頁面的描述">

在該語法中，name為屬性名稱，這里將它設置為description，也就是將元信息屬性設置為頁面描述，在content中定義具體的描述。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <meta charset="utf-8">
          <title>設置頁面描述</title>
          <meta name=" keywords " content="html,元信息,關鍵字">
          <meta name="description" content="關于HTML使用的網站">
     </head>
     <body>
     </body>
     </html>

在該實例中，設置了“關于HTML使用的網站”為網頁的描述。

2.3.3　設置編輯工具

現在有很多編輯軟件都可以用于制作網頁，在源代碼的頭頁面中可以設置網頁編輯工具的名稱。與<meta>標簽中的其他屬性相同，編輯工具也只是在頁面的源代碼中可以看到，而不會顯示在瀏覽器中。設置編輯工具的語法格式如下。

     <meta name="generator" content="編輯軟件的名稱">

在該語法中，name為屬性名，generator為屬性值，該屬性用于設置編輯工具，在content中定義具體的編輯器名稱。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <title>設置編輯工具</title>
          <meta name=" keywords " content="html,元信息,關鍵字">
          <meta name="description" content="關于HTML使用的網站">
          <meta name="generator" content="WebStorm“>
     </head>
     <body>
     </body>
     </html>

在這一實例中，以WebStorm作為網頁的編輯工具。

2.3.4　設定作者信息

在頁面的源代碼中，可以顯示頁面制作者的姓名及個人信息。這可以在源代碼中保留作者希望保留的信息。設定作者信息的語法格式如下。

     <meta name="author" content="作者的姓名">

在該語法中，name為屬性名，它被設置為author，也就是它被設置為作者信息，在content中定義具體的信息。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <title>設定作者信息</title>
          <meta name=" keywords " content="html,元信息,關鍵字">
          <meta name="description" content="關于HTML使用的網站">
          <meta name="generator" content=" Adobe Dreamweaver CS5.5">
          <meta name="author" content="李小米">
     </head>
     <body>
     </body>
     </html>

在這一實例中，將作者的姓名“李小米”添加到了網頁的源代碼中。

2.3.5　限制搜索方式

網頁可以通過<meta>標簽中的屬性設置來限制搜索引擎對頁面的搜索方式。語法格式如下。

     <meta name="robots" content="搜索方式">

在該語法中，搜索方式的值及其對應的含義如表2.4所示。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <title>限制搜索方式</title>
          <meta name="robots" content="index">
     </head>
     <body>
     </body>
     </html>

表2.4　content值及其對應的含義

2.3.6　設置網頁文字及語言

在網頁中，還可以設定語言的編碼方式。這樣，瀏覽器就可以正確地選擇語言，而不需要手動選取。設置網頁文字及語言的方法有兩種，分別如下。

　第一種方法：

     <meta http-equiv="Content-Type" content="text/html; charset=字符集類型">

在該語法中，http-equiv用于指定HTTP通信協議的標頭，content用于設置具體的屬性值，charset用于設置網頁編碼，它通常被設置為utf-8，此外還有BIG5、GB 2312、Shift-JIS、Euc、Koi8等字符集。

　第二種方法：

     <meta http-equiv="Content-Language" content="語言">

在該語法中，如果設置頁面為以簡體中文顯示，則應該使用如下代碼。

     <meta http-equiv="Content-Language" content="zh_CN">

上述為HTML通用的設置網頁編碼的方式。在HTML5中，設置網頁編碼格式更加簡單化，即通過<meta>標簽中的charset屬性直接設置編碼格式，其用法如下。

     <meta charset="utf-8">

2.3.7　設置網頁的定時跳轉

用戶在瀏覽網頁時經常會看到一些歡迎信息的界面，在經過一段時間后，這一頁面會自動轉到其他頁面，這就是網頁的跳轉。通過<meta>標簽中的http-equiv屬性設置，你可以很輕松地實現這一功能。語法格式如下。

     <meta http-equiv="refresh" content="跳轉時間;url=鏈接地址">

在該語法中，refresh表示網頁的刷新，而在content中設定刷新的時間和刷新后的地址，時間和鏈接地址之間用分號相隔。默認情況下，跳轉時間是以秒為單位的。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <title>設置網頁的定時跳轉</title>
          <meta charset="utf-8">
          <meta http-equiv="refresh" content="3;url=http://www.mingribook.com">
     </head>
     <body>
          您好，本頁在3秒之后將自動跳轉到明日圖書網
     </body>
     </html>

運行程序，效果如圖2.37所示。在3秒之后，網頁自動跳轉到明日圖書網，如圖2.38所示。

圖2.37　運行自動跳轉的頁面

圖2.38　跳轉后的頁面

2.3.8　設定有效期限

在某些網站上會設置網頁的到期時間，一旦過期，就必須到服務器上重新調用。實現這一功能的語法格式如下。

     <meta http-equiv="expires" content="到期的時間">

在該語法中，到期的時間必須是GMT時間格式，即“星期，日月年時：分：秒”，這些時間都使用英文和數字進行設定。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <title>設置有效期限</title>
          <meta charset="utf-8">
          <meta http-equiv="expires" content="Wed, 14 september 2023 16:20:00 GMT ">
     </head>
     <body>
     </body>
     </html>

在實例中設置了網頁的到期時間為2023年9月14日星期三16:20:00。

2.3.9　禁止從緩存中調用

使用網頁緩存可以加快瀏覽器網頁的速度，因為緩存將曾經瀏覽過的頁面暫存在計算機中，當用戶下次打開同一個網頁內容時，即可快速瀏覽該網頁，節省了讀取同一網頁的時間。但是，如果網頁的內容經常頻繁地更新，并且你希望用戶隨時都能查看到最新的網頁內容，那么你可以通過<meta>標簽中的http-equiv屬性設置禁用頁面緩存。語法格式如下。

     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="pragma" content=" no-cache ">

在該語法中，cache-control和pragma都可以用來設定緩存的屬性，而在content中則是真正禁止調用緩存的語句。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <meta charset="utf-8">
          <title>禁止從緩存中調用</title>
          <meta http-equiv="cache-control" content="no-cache">
          <meta http-equiv="pragma" content=" no-cache ">
     </head>
     <body>
     </body>
     </html>

2.3.10　刪除過期的cookie

如果網頁過期，則刪除存盤的cookie。語法格式如下。

     <meta http-equiv="set-cookie" content="到期的時間">

在該語法中，到期的時間同樣是GMT時間格式。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <meta charset="utf-8">
          <title>刪除過期的cookie</title>
          <meta http-equiv="set-cookie" content=" Wed, 14 september 2023 16:20:00 GMT">
     </head>
     <body>
     </body>
     </html>

在實例中，設置了網頁的到期時間為2023年9月14日星期三16:20:00，即保存的cookie被刪除的時間。

2.3.11　強制打開新窗口

強制網頁在當前窗口中顯示為獨立的頁面，可以防止自己的網頁被其他人當作一個frame頁調用。語法格式如下。

     <meta http-equiv="windows-target" content="_top">

在該語法中，windows-target表示新網頁的打開方式，而content中設置_top則代表打開的是一個獨立頁面。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <title>強制打開新窗口</title>
          <meta charset="utf-8">
          <meta http-equiv="windows-target" content="_top">
     </head>
     <body>
     </body>
     </html>

2.3.12　設定建立網站的日期

通過<meta>標簽中的name屬性設置，你可以設定網站建立的日期。語法格式如下。

     <meta name="build" content="網站建立的日期">

在該語法中，build表示要設定網站建立的日期，在content中定義網站建立的具體時間。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <meta charset="utf-8">
          <title>設定網站建立日期</title>
          <meta name="build" content="2023.08.08">
     </head>
     <body>
     </body>
     </html>

在實例中，設置了網頁的建立時間為2023年8月8日。

2.3.13　設定網頁版權信息

通過<meta>標簽中的name屬性設置，你可以設定網頁的版權信息。語法格式如下。

     <meta name="copyright" content="網頁版權信息">

在該語法中，copyright表示要設定網頁的版權信息，在content中定義網頁版權的具體信息。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <meta charset="utf-8">
          <title>設定網頁版權</title>
          <meta name="copyright" content="明日科技">
     </head>
     <body>
     </body>
     </html>

在該實例中，設置了網頁的版權信息為明日科技。

2.3.14　設定聯系人的郵箱

通過<meta>標簽中的name屬性設置，你可以設定網站聯系人的郵箱。語法格式如下。

     <meta name="reply-to" content="郵箱地址">

在該語法中，reply-to表示要設定網站聯系人的郵箱，在content中定義網站聯系人的具體的郵箱地址。實例代碼如下。

     <!DOCTYPE html>
     <html>
     <head>
          <meta charset="utf-8">
          <title>設定網站聯系人郵箱</title>
          <meta name="reply-to" content="mingrisoft@mingrisoft.com">
     </head>
     <body>
     </body>
     </html>

在該實例中，設置了網站的聯系人郵箱地址為mingrisoft@mingrisoft.com。

官术网_书友最值得收藏!

HTML5從入門到精通（第4版）

2.3 元信息標簽<meta>

2.3.1 設置頁面關鍵字

2.3.2 設置頁面描述

2.3.3 設置編輯工具

2.3.4 設定作者信息

2.3.5 限制搜索方式

2.3.6 設置網頁文字及語言

2.3.7 設置網頁的定時跳轉

2.3.8 設定有效期限

2.3.9 禁止從緩存中調用

2.3.10 刪除過期的cookie

2.3.11 強制打開新窗口

2.3.12 設定建立網站的日期

2.3.13 設定網頁版權信息

2.3.14 設定聯系人的郵箱