# HTML 頭部
HTML 查看在線實例 - 定義了HTML文檔的標題 使用 標簽定義HTML文檔的標題 - 定義了所有鏈接的URL 使用 定義頁面中所有鏈接默認的鏈接目標地址。
* * *
# HTML
* * *
## 查看在線實例
## 實例
~~~
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">?
<title>我的?HTML?的第一頁</title>
</head>
<body>
<p>瀏覽器中包含body元素的內容。</p>
<p>瀏覽器的標題包含title元素的內容</p>
</body>
</html>
~~~
[運行實例 ?](https://www.php.cn/html/html-head.html#)
點擊 "運行實例" 按鈕查看在線實例
使用 定義頁面中所有鏈接默認的鏈接目標地址。
## 實例
~~~
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">?
<title>php中文網(php.cn)</title>?
<base?href="http://www.php.cn/images/"?target="_blank">
</head>
<body>
<img?src="logo.png">?-?注意這里我們設置了圖片的相對地址。能正常顯示是因為我們在?head?部分設置了?base?標簽，
????該標簽指定了頁面上所有鏈接的默認?URL，所以該圖片的訪問地址為?"http://www.php.cn/images/logo.png"
<br><br>
<a?href="http://www.php.cn">php中文網</a>?-?注意這個鏈接會在新窗口打開，即便它沒有?target="_blank"?屬性。
因為在?base?標簽里我們已經設置了?target?屬性的值為?"_blank"。
</body>
</html>
~~~
[運行實例 ?](https://www.php.cn/html/html-head.html#)
點擊 "運行實例" 按鈕查看在線實例
使用 元素來描述HTML文檔的描述，關鍵詞，作者，字符集等。
## 實例
~~~
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">?
<title>php中文網(php.cn)</title>?
<meta?name="description"?content="Free?Web?tutorials">
<meta?name="keywords"?content="HTML,CSS,XML,JavaScript">
<meta?name="author"?content="St?le?Refsnes">
<meta?charset="UTF-8">
</head>
<body>
<p>所有?meta?標簽顯示在?head?部分...</p>
</body>
</html>
~~~
[運行實例 ?](https://www.php.cn/html/html-head.html#)
點擊 "運行實例" 按鈕查看在線實例
* * *
## HTML 元素
元素包含了所有的頭部標簽元素。在 元素中你可以插入腳本（scripts）, 樣式文件（CSS），及各種meta信息。
可以添加在頭部區域的元素標簽為:[](http://www.php.cn/dic/html/title.html),[](http://www.php.cn/dic/html/style.html),[](http://www.php.cn/dic/html/meta.html),[](http://www.php.cn/dic/html/link.html), ?[](http://www.php.cn/dic/html/script.html),[](http://www.php.cn/dic/html/noscript.html), and[](http://www.php.cn/dic/html/base.html).
* * *
## HTML 元素
標簽定義了不同文檔的標題。
在 HTML/XHTML 文檔中是必須的。
元素:
* 定義了瀏覽器工具欄的標題
* 當網頁添加到收藏夾時，顯示在收藏夾中的標題
* 顯示在搜索引擎結果頁面的標題
一個簡單的 HTML 文檔:
~~~
<!DOCTYPE?html>
<html>
<head>?
<meta?charset="utf-8">?
<title>文檔標題</title>
</head>
<body>
文檔內容......
</body>
</html>
~~~
* * *
## HTML 元素
標簽描述了基本的鏈接地址/鏈接目標，該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接:
~~~
<head>
<base?href="http://www.php.cn/images/"?target="_blank">
</head>
~~~
* * *
## HTML 元素
標簽定義了文檔與外部資源之間的關系。
標簽通常用于鏈接到樣式表:
~~~
<head>
<link?rel="stylesheet"?type="text/css"?href="mystyle.css">
</head
~~~
* * *
## HTML 元素
標簽定義了HTML文檔的樣式文件引用地址.
在 元素中你需要指定樣式文件來渲染HTML文檔:
~~~
<head>
<style?type="text/css">
body?{background-color:yellow}
p?{color:blue}
</style>
</head
~~~
* * *
## HTML 元素
meta標簽描述了一些基本的元數據。
標簽提供了元數據.元數據也不顯示在頁面上，但會被瀏覽器解析。
META元素通常用于指定網頁的描述，關鍵詞，文件的最后修改時間，作者，和其他元數據。
元數據可以使用于瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他Web服務。
一般放置于 區域
## 標簽- 使用實例
為搜索引擎定義關鍵詞:
~~~
<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 元素
標簽用于加載腳本文件，如： JavaScript。
元素在以下章節會詳細描述。
* * *
## HTML head 元素
| 標簽 | 描述 |
| :-- | :-- |
| [](http://www.php.cn/dic/html/head.html) | 定義了文檔的信息 |
| [](http://www.php.cn/dic/html/title.html) | 定義了文檔的標題 |
| [](http://www.php.cn/dic/html/base.html) | 定義了頁面鏈接標簽的默認鏈接地址 |
| [](http://www.php.cn/dic/html/link.html) | 定義了一個文檔和外部資源之間的關系 |
| [](http://www.php.cn/dic/html/meta.html) | 定義了HTML文檔中的元數據 |
| [](http://www.php.cn/dic/html/script.html) | 定義了客戶端的腳本文件 |
| [](http://www.php.cn/dic/html/style.html) | 定義了HTML文檔的樣式文件 |
