<頭>
HTML <head> 標籤
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>
##執行實例»
#點擊"運行實例" 按鈕查看線上實例
瀏覽器支援
#所有主流瀏覽器都支援<head> 標籤。
標籤定義並使用說明
<head> 元素是所有頭部元素的容器。
<head> 元素必須包含文件的標題（title），可以包含腳本、樣式、meta 資訊 以及其他更多的資訊。
以下所列的元素能用在<head> 元素內部：
- #<title>（在頭部中，這個元素是必要的）
- <style>
- #<base>
- <link>
- <meta>
- <script>
- <noscript>
HTML 4.01 與HTML5之間的差異
HTML5 不再支援profile 屬性。
屬性
屬性 | #值 | 描述 |
profile | URL | HTML5 不支援。 規定文件 URL 的一系列規則。這些規則能被瀏覽器辨識並且準確地讀取 <meta> 標籤的內容屬性中的資訊。 |
全域屬性
<head> 標籤支援 HTML 的全域屬性。
試試看- 實例
在<head> 中使用<base> 標籤
本範例示範如何使用<base> 標籤規定頁面中所有連結的預設URL 和預設target。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<base href="http://www.php.cn//images/" target="_blank">
</head>
<body>
<p><img src="logo.png" > - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.php.cn/images/logo.png"</p>
<p><a href="http://www.php.cn/">php.cn</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p>
</body>
</html>
點擊"運行實例" 按鈕查看線上實例
在<head> 中使用<style> 標籤
本範例示範如何在<head> 部分加入樣式資訊。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>點擊"運行實例" 按鈕查看線上實例
在<head> 中使用<link> 標籤
本範例示範如何使用<link> 標籤連結到一個外部樣式表。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>我是通过样式文件 styles.css 渲染后显示的。</h1>
<p>我也是。</p>
</body>
</html>
點擊"運行實例" 按鈕查看線上實例
相關文章
HTML 教學：HTML 頭部
#
