Latest web development tutorials

HTML 頭部

Examples

查看在線實例

<title> -定義了HTML文檔的標題
使用<title> 標籤定義HTML文檔的標題

<base> -定義了所有鏈接的URL
使用<base> 定義頁面中所有鏈接默認的鏈接目標地址。

<meta> -提供了HTML文檔的meta標記
使用<meta> 元素來描述HTML文檔的描述,關鍵詞,作者,字符集等。


HTML <head> 元素

<head> 元素包含了所有的頭部標籤元素。 在<head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。

可以添加在頭部區域的元素標籤為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.


HTML <title> 元素

<title> 標籤定義了不同文檔的標題。

<title> 在HTML/XHTML 文檔中是必須的。

<title> 元素:

  • 定義了瀏覽器工具欄的標題
  • 當網頁添加到收藏夾時,顯示在收藏夾中的標題
  • 顯示在搜索引擎結果頁面的標題

一個簡單的HTML 文檔:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>文档标题</title>
</head>

<body>
文档内容......
</body>

</html>


HTML <base> 元素

<base> 標籤描述了基本的鏈接地址/鏈接目標,該標籤作為HTML文檔中所有的鏈接標籤的默認鏈接:

<head>
<base href="http://www.w3big.com/images/" target="_blank">
</head>


HTML <link> 元素

<link> 標籤定義了文檔與外部資源之間的關係。

<link> 標籤通常用於鏈接到樣式表:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


HTML <style> 元素

<style> 標籤定義了HTML文檔的樣式文件引用地址.

在<style> 元素中你需要指定樣式文件來渲染HTML文檔:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>


HTML <meta> 元素

meta標籤描述了一些基本的元數據。

<meta> 標籤提供了元數據.元數據也不顯示在頁面上,但會被瀏覽器解析。

META元素通常用於指定網頁的描述,關鍵詞,文件的最後修改時間,作者,和其他元數據。

元數據可以使用於瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。

<meta>一般放置於<head>區域

<meta> 標籤- 使用實例

為搜索引擎定義關鍵詞:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

為網頁定義描述內容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定義網頁作者:

<meta name="author" content="Hege Refsnes">

每30秒中刷新當前頁面:

<meta http-equiv="refresh" content="30">


HTML <script> 元素

<script>標籤用於加載腳本文件,如: JavaScript。

<script> 元素在以下章節會詳細描述。


HTML head 元素

標籤 描述
<head> 定義了文檔的信息
<title> 定義了文檔的標題
<base> 定義了頁面鏈接標籤的默認鏈接地址
<link> 定義了一個文檔和外部資源之間的關係
<meta> 定義了HTML文檔中的元數據
<script> 定義了客戶端的腳本文件
<style> 定義了HTML文檔的樣式文件