HTML系列(二):頭部meta元素

 有關name:
html

1、頁面關鍵字數據庫

     網站關鍵字:用戶經過搜索引擎能搜到該網站的詞彙。最好控制在10個之內。緩存

     基本語法:安全

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

     示例代碼:網站

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="GBK">
 5     <title>阿里旅行·去啊:機票預訂,酒店查詢,客棧民宿,旅遊度假,門票簽證</title>
 6     <meta name="keywords" content="機票,機票預訂,飛機票查詢,航班查詢,酒店預訂,特價酒店,酒店團購,特點客棧,旅遊度假,門票,簽證,臺灣通行證,旅遊,旅行,自由行線路,阿里旅行,去啊">
 7 </head>
 8 <body>
 9 </body>
10 </html>

 

2、頁面描述ui

     基本語法:搜索引擎

     <meta name="description" content="具體的頁面描述">編碼

     示例代碼:url

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="GBK">
 5     <title>阿里旅行·去啊:機票預訂,酒店查詢,客棧民宿,旅遊度假,門票簽證</title>
 6     <meta name="description" content="阿里旅行·去啊是阿里巴巴旗下的綜合性旅遊出行服務平臺。阿里旅行·去啊整合數千家機票代理商、航空公司、旅行社、旅行代理商資源,直籤酒店,客棧賣家等爲廣大旅遊者提供特價機票,酒店預訂,客棧查詢,國內外度假信息,門票購買,簽證代理,旅遊卡券,租車,郵輪等旅遊產品的信息搜索,購買及售後服務。全程採用支付寶擔保交易,安全、可靠、有保證。"/>
 7     <meta name="keywords" content="機票,機票預訂,飛機票查詢,航班查詢,酒店預訂,特價酒店,酒店團購,特點客棧,旅遊度假,門票,簽證,臺灣通行證,旅遊,旅行,自由行線路,阿里旅行,去啊">
 8 </head>
 9 <body>
10 </body>
11 </html>

 

3、設定做者信息

     設定網站做者的名稱,語法:

     <meta name="author" content="做者信息">

 

4、限制搜索方式

     robots用於定義網頁搜索引擎索引方式,搜索引擎的按期搜索方式就是每隔一段時間,搜索引擎主動對必定IP地址內的網站進行檢索,一旦發現新的網站就自動提取網站信息加入本身的數據庫,搜索引擎的搜索機器人會沿着網頁上的連接不斷地檢索資料創建本身的數據庫。如何限制本身的網站不被檢索到?

 

有關http-equiv:

5、網頁語言文字

     基本語法一:

     <meta http-equiv="content-language" content="zh-CN"/>

     content-language爲http-equiv屬性值,用以標記頁面語言,content取值爲語言代碼,格式爲「語言代碼-國家代碼」,「zh-CN」表示中文-中國。

     基本語法二:

     <meta http-equiv="content-type" content="text/html;charset=gb2312"/>

     content-type用於定義文件的類型和網頁的編碼。常見編碼類型有ASCII, ISO8859-1, GB2312, GBK, UTF-8, UTF-16等。

 

6、定時跳轉頁面

     基本語法:

     <meta http-equiv="refresh" content="10;url=http://www.cnblogs.com/csxiaoyu/"/>

     refresh用於刷新與跳轉頁面,content屬性記錄多少秒後跳轉和跳轉的網址。

     也能夠刷新本頁面,如5秒後刷新本頁面:

     <meta http-equiv="refresh" content="5"/>

 

7、設定網頁緩存過時時間

     基本語法:

     <meta http-equiv="expires" content="Sunday 20 October 2017 12:00 GMT"/>

     時間必須使用GMT格式,content設置具體的時間值。

 

8、刪除過時的cookie

     若是網頁過時,那麼刪除存盤的cookie:

     <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Sunday 20 October 2017 12:00 GMT;path="/>

 

9、設置網頁過渡效果

     當用戶進入或離開網頁時呈現的不一樣效果。

     基本語法:

     <meta http-equiv="page-enter" content="revealtrans(duration=5,transtion=1)"/>

     <meta http-equiv="page-exit" content="revealtrans(duration=5,transtion=1)"/>

     page-enter表示進入頁面時啓用特效,page-exit表示離開頁面啓用特效,duration表示持續時間,transition是濾鏡類型,表示想用哪一種特效,取值0到23.

取值     效果
0 盒狀收縮
1 盒狀展開
2 圓形收縮
3 圓形展開
4 向上擦除
5 向下擦除
6 向左擦除
7 向右擦除
8 垂直百葉窗
9 水平百葉窗
10 橫向棋盤式
11 縱向棋盤式
12 溶解
13 左右向中部收縮
14 中部向左右展開
15 上下向中部收縮
16 中部向上下展開
17 階梯狀向左下展開
18 階梯狀向左上展開
19 階梯狀向右下展開
20 階梯狀向右上展開
21 隨機水平線
22 隨機垂直線
23 隨機
相關文章
相關標籤/搜索