HTML頭部信息(head)裡包含關於所在網頁的信息。頭部信息(head)裡的內容,主要是被浏覽器所用,不會顯示在網頁的正文內容裡。
另外,搜索引擎如google,yahoo,baidu等也會查找你網頁中的head信息。為了讓搜索引擎能夠收錄你的網頁,你也要填寫適當的head信息。(網站被搜索引擎收錄,還有其它的方法,比如被其它網站鏈接,這裡不贅述,請浏覽搜索引擎網站。)
下面說幾個常用的head信息裡的html元素,如標題(title),鏈接(link),樣式(style)以及關於信息(meta)。
標題(title)
標題(title)是最常用的head信息。它不顯示在HTML網頁正文裡,顯示在浏覽器窗口的標題欄裡。見圖:
示例代碼如下:
<head><title>HTML中文教程頭部信息(head)之標題(title)說明</title></head>
鏈接(link)
用鏈接(link)可以建立和外部文件的鏈接。常用的是對CSS外部樣式表(external style sheet)的鏈接。示例代碼如下:
<link rel="stylesheet" href="mainstyles.css" type="text/css">
有關CSS外部樣式表和示例,詳見CSS簡介。
樣式(style)
用樣式(style)可以設值網頁的內部樣式表(internal style sheet)。示例代碼如下:
<head>
<style>
body {background-color:white; color:black;}
h1 {font: 18pt arial bold;}
</style>
</head>
有關CSS內部樣式表和示例,詳見CSS簡介。
關於網頁信息(meta)
在計算機語言裡,你經常可以看到一個前綴 -- meta,meta就是“關於”(about)的意思。
這meta解釋起來比較拗口,比如metadata,意為描述data的data,英文即data about data。還有一個詞叫metalanguage,表示一種描述其它語言的語言。再舉一個例子,metafile,表示描述其它文件的文件。
在HTML裡,meta標記(meta tags)表示用來描述網頁的有關信息。示例代碼如下:
<meta name="description" content="HTML中文教程之頭部信息">
利用meta中的Refresh你還可以實現自動跳轉頁面的功能。示例代碼:
<meta http-equiv="Refresh" content="5;url=http://www.duote.com/html/html_tutorials/index.html">