做自(zì)由與創造的先行者

HTML 頭部元素

HTML中文(wén)手冊

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)檔的樣式信息。
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:HTML 布局
上(shàng)一篇:HTML 文(wén)件路徑