Web前端學習筆記(一)——html文件中的標籤的含義

說明:最近整理硬盤,發現好幾篇自己以前學習web前端技術時所記錄的筆記,覺得還是頗有價值的,因此打算陸續整理出來。


1  網頁文件中meta標籤的含義

meta是用來在HTML文檔中模擬HTTP協議的響應頭報文。meta標籤用於網頁的<head>與</head>中,meta標籤的用處很多。meta 的屬性有兩種:name和http-equiv。name屬性主要用於描述網頁,對應於content(網頁內容),以便於搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。這其中最重要的是description(站點在搜索引擎上的描述)和keywords(分類關鍵詞)。所以應該給每頁加一個meta值。

比較常用的有以下幾個:  

(1)name 屬性

1、<metaname="Generator" contect="">用以說明生成工具(如MicrosoftFrontPage 4.0)等;

2、<metaname="KEYWords" contect="">向搜索引擎說明你的網頁的關鍵詞

3、<metaname="DEscription" contect="">告訴搜索引擎你的站點的主要內容

4、<metaname="Author" contect="你的姓名">告訴搜索引擎你的站點的製作的作者;

5、<metaname="Robots" contect="all|none|index|noindex|follow|nofollow">

name=”Robots”表示所有的搜索引擎,可以針對某個具體搜索引擎寫爲name=”BaiduSpider”。 指令間以”,”分隔。其中的屬性說明如下:

設定爲all:(允許搜索引擎訪問這個頁面的全部內容,不代表網站的全部內容)文件將被檢索,且頁面上的鏈接可以被查詢;

設定爲none:文件將不被檢索,且頁面上的鏈接不可以被查詢;

設定爲index:(告訴搜索機器人抓取該頁面)文件將被檢索;

設定爲follow:(表示搜索機器人可以沿着該頁面上的鏈接繼續抓取下去)頁面上的鏈接可以被查詢;

設定爲noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;

設定爲nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。

目前看來,絕大多數的搜索引擎機器人都遵守robots.txt的規則,而對於RobotsMETA標籤,目前支持的並不多,但是正在逐漸增加,如著名搜索引擎GOOGLE就完全支持,而且GOOGLE還增加了一個指令“archive”,可以限制GOOGLE是否保留網頁快照。例如: <METANAME="googlebot" CONTENT="index,follow,noarchive"> 。

(2)http-equiv屬性

1、<metahttp-equiv="Content-Type"contect="text/html";charset=gb_2312-80">和<meta http-equiv="Content-Language" contect="zh-CN">用以說明主頁製作所使用的文字以及語言;又如英文是ISO-8859-1字符集,還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集

2、<metahttp-equiv="Refresh"contect="n;url=http://yourlink">定時讓網頁在指定的時間n內,跳轉到頁面http://yourlink

3、<metahttp-equiv="Expires" contect="Mon,12 May 2001 00:20:00GMT">可以用於設定網頁的到期時間,一旦過期則必須到服務器上重新調用。需要注意的是必須使用GMT時間格式;

4、<metahttp-equiv="Pragma" contect="no-cache">是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容,設定後一旦離開網頁就無法從Cache中再調出;

5、<metahttp-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00GMT">cookie設定,如果網頁過期,存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式;

6、<metahttp-equiv="Pics-label" contect="">網頁等級評定,在IE的internet選項中有一項內容設置,可以防止瀏覽一些受限制的網站,而網站的限制級別就是通過meta屬性來設置的;

7、<metahttp-equiv="windows-Target" contect="_top">強制頁面在當前窗口中以獨立頁面顯示,可以防止自己的網頁被別人當作一個frame頁調用;

8、<metahttp-equiv="Page-Enter" contect="revealTrans(duration=10,transtion=50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">設定進入和離開頁面時的特殊效果,這個功能即FrontPage中的“格式/網頁過渡”,不過所加的頁面不能夠是一個frame頁面。

 

2  網頁文件頭的link標籤的含義

LINK是HTML語言中的一個標籤。用鏈接(link)可以建立和外部文件的鏈接。

幾個使用示例:

* shortcut icon ——地址欄最前面的小圖標和收藏夾圖標

<link rel="shortcuticon" type="image/ico" href="/favicon.ico"/>

* Alternate——定義交替出現的鏈接:如讓本站地址欄檢測顯示rss鏈接(Maxthon2/firefox)

<link rel="alternate"type="application/rss+xml" href=http://www.vradmin.com/rss.xmlltitle="維爾網絡"/>

* Stylesheet ——定義一個外部加載的樣式表

<link rel="stylesheet"href="http://www.vradmin.com/style/bxna.css"type="text/css" media="screen" />

發佈了35 篇原創文章 · 獲贊 14 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章