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