HTML <head> 元素
<head> 元素是所有頭部元素的容器。<head> 内的元素可包含腳本,指示浏覽器在何處可以找到(dào)樣式表,提供元信息,等等。
以下(xià)标簽都可以添加到(dào) head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。
HTML <title> 元素
<title> 标簽定義文(wén)檔的标題。
title 元素在所有 HTML/XHTML 文(wén)檔中都是必需的。
title 元素能(néng)夠:
定義浏覽器工(gōng)具欄中的标題
提供頁面被添加到(dào)收藏夾時(shí)顯示的标題
顯示在搜索引擎結果中的頁面标題
一個簡化的 HTML 文(wén)檔:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
HTML <base> 元素
<base> 标簽爲頁面上(shàng)的所有鏈接規定默認地址或默認目标(target):
<head>
<base href="http://www.w3school.com.cn/images/" />
<base />
</head>
HTML <link> 元素
<link> 标簽定義文(wén)檔與外(wài)部資源之間的關系。
<link> 标簽最常用(yòng)于連接樣式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
HTML <style> 元素
<style> 标簽用(yòng)于爲 HTML 文(wén)檔定義樣式信息。
您可以在 style 元素内規定 HTML 元素在浏覽器中呈現(xiàn)的樣式:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
HTML <meta> 元素
元數據(metadata)是關于數據的信息。
<meta> 标簽提供關于 HTML 文(wén)檔的元數據。元數據不會(huì)顯示在頁面上(shàng),但(dàn)是對(duì)于機器是可讀的。
典型的情況是,meta 元素被用(yòng)于規定頁面的描述、關鍵詞、文(wén)檔的作(zuò)者、最後修改時(shí)間以及其他(tā)元數據。
<meta> 标簽始終位于 head 元素中。
元數據可用(yòng)于浏覽器(如何顯示内容或重新加載頁面),搜索引擎(關鍵詞),或其他(tā) web 服務。
針對(duì)搜索引擎的關鍵詞
一些(xiē)搜索引擎會(huì)利用(yòng) meta 元素的 name 和(hé) content 屬性來(lái)索引您的頁面。
下(xià)面的 meta 元素定義頁面的描述:
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
下(xià)面的 meta 元素定義頁面的關鍵詞:
<meta name="keywords" content="HTML, CSS, XML" />
name 和(hé) content 屬性的作(zuò)用(yòng)是描述頁面的内容。
HTML <script> 元素
<script> 标簽用(yòng)于定義客戶端腳本,比如 JavaScript。
我們會(huì)在稍後的章節講解 script 元素。
HTML 頭部元素
标簽 | 描述 |
---|---|
<head> | 定義關于文(wén)檔的信息。 |
<title> | 定義文(wén)檔标題。 |
<base> | 定義頁面上(shàng)所有鏈接的默認地址或默認目标。 |
<link> | 定義文(wén)檔與外(wài)部資源之間的關系。 |
<meta> | 定義關于 HTML 文(wén)檔的元數據。 |
<script> | 定義客戶端腳本。 |
<style> | 定義文(wén)檔的樣式信息。 |