很多時候,我們在做主頁時會忽略了網頁頭部屬性的設置。網頁頭部屬性是指 Html 文件中被 <Head> 標識符所作用的區域,Html 文件的頭部信息包括了對當前文件一些信息的收集,對 <Head> 區的屬性進行修改後,不會直接影響到該文件的視覺效果。但通過對其進行設置,將使我們的主頁制作過程更加規范、使用更方便。
現在就讓我們來看看如何設置一些主頁的頭部屬性:
1.META標識符 META標識符是主頁頭部元素用以記錄當前頁面的一些重要信息,例如網頁的字符集、作者、版本、網頁關鍵字等等。
例如:
<head>
..............
<meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″>
<meta name=″電腦軟硬件應用網″ content=″電腦軟硬件應用網工作室制作″>
<meta name=″版本″ content=″第三次改版″>
<meta name=″內容″ content=″軟件下載、使用,主頁制作,賺錢,導航...″>
..............
</head>
其中“name”的內容表示 META 標識符是包含關於當前頁面的描述信息,“http-equiv”則表示為 HTTP 頭部信息(HTTP-EQUIV)。
2.插入關鍵字屬性 現今網上許多流行的搜索引擎機器人能讀META標識符中的關鍵字屬性,並根據所提供的信息在他們的數據庫中進行索引。當浏覽者在搜索網站上輸入相關的關鍵字搜索時,你的網頁地址就會列入其中。但有一些搜索引擎會限制你的關鍵字的數量,多余的關鍵字就會被忽略。
例如:
<meta name=″keywords″ content=″電腦軟硬件應用網工作室,http://www.jb51.net″>
<meta name=″keywords″ content=″軟件下載、軟件使用、主頁制作、導航″>
其中“keywords”為關鍵字,“content”內容為關鍵字的屬性。
3.插入網頁簡述屬性 與關鍵字(Keywords)的性質一樣,網頁簡介是給搜索引擎機器人提供關於當前網頁的大致簡介,同樣有一些搜索引擎會限制你的簡介的字數。
舉例:
<meta name=″description″ content=″電腦軟硬件應用網(http://www.jb51.net)--電腦軟硬件應用網工作室,小牛″>
4.插入網頁刷新屬性
例如:
<meta http-equiv=″refresh″ content=″5;URL=http://www.jb51.net″>
這段代碼的意思是:網頁過5秒後,當前頁面自動跳轉到“http://www.jb51.net”。其中“content”中的“5”表示間隔為5秒,也可以更改為“3”、“4”等其他時間,由網頁作者自定;“URL”後接想要跳轉到的其他頁面的地址。
<meta http-equiv=″refresh″ content=″3″>
這一段代碼的意思是:網頁過3秒後,當前頁面自動刷新。其中“content”中的“3”表示間隔為3秒,也可以更改為“4”、“5”等其他時間,也由網頁作者自定。
5.插入網頁基鏈接屬性 如果你的一個頁面中的全部鏈接都使用相對路徑鏈接,而你想將其都改為網上的同一個絕對路徑鏈接,可以通過對網頁基鏈接屬性的設置來實現。
例如:
<base href=″http://www.jb51.net/″ target=″_blank″>
如上,你網頁上的所有相對路徑在鏈接時都將在前面加上“http://www.jb51.net/”。其中“target=″_blank″”是鏈接文件在新的窗口中打開,你可以做其他設置。將“_blank”改為“_parent”是鏈接文件將在當前窗口的父級窗口中打開;改為“_self”鏈接文件在當前窗口(幀)中打開;改為“_top”鏈接文件全屏顯示。
以上就是網頁頭部屬性設置的一些技巧,希望能對廣大做主頁的網友有所幫助。筆者小牛希望大家能通過相互交流主頁制作的經驗和心得,讓我們網上的家園(個人主頁)更加美麗!