DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> HTML頭部信息介紹
HTML頭部信息介紹
編輯:關於HTML     

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 name="keywords" content="HTML,tutorials,source codes">
<meta name="author" content="多特軟件站">
 

利用meta中的Refresh你還可以實現自動跳轉頁面的功能。示例代碼:

<meta http-equiv="Refresh" content="5;url=http://www.duote.com/html/html_tutorials/index.html">

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved