<head>
HTML <head> 標(biāo)簽 實(shí)例 一份在頭部帶有 <title> 標(biāo)簽的 HTML 文檔： [mycode2] 文檔標(biāo)題 文檔內(nèi)容...... [/mycode2] 嘗試一下 ?（更多實(shí)例見頁(yè)面底部） 瀏覽器支持 所有主流瀏覽器都支持 <head> 標(biāo)簽。 標(biāo)簽定義及使用說(shuō)明 <..
HTML <head> 標(biāo)簽
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文檔標(biāo)題</title> </head> <body> 文檔內(nèi)容...... </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
瀏覽器支持
所有主流瀏覽器都支持 <head> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<head> 元素是所有頭部元素的容器。
<head> 元素必須包含文檔的標(biāo)題（title），可以包含腳本、樣式、meta 信息 以及其他更多的信息。
以下列出的元素能被用在 <head> 元素內(nèi)部：
<title> （在頭部中，這個(gè)元素是必需的）
<style>
<base>
<link>
<meta>
<script>
<noscript>
HTML 4.01 與 HTML5之間的差異
HTML5 不再支持 profile 屬性。
屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| profile | URL | HTML5 不支持。規(guī)定文檔 URL 的一系列規(guī)則。這些規(guī)則能被瀏覽器識(shí)別并且準(zhǔn)確讀取 <meta> 標(biāo)簽的內(nèi)容屬性中的信息。 |
全局屬性
<head> 標(biāo)簽支持 HTML 的全局屬性。
嘗試一下 - 實(shí)例
在 <head> 中使用 <base> 標(biāo)簽
本例演示如何使用 <base> 標(biāo)簽規(guī)定頁(yè)面中所有鏈接的默認(rèn) URL 和默認(rèn) target。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <base href="http://ipnx.cn//images/" target="_blank"> </head> <body> <p><img src="logo.png" > - 注意這里我們?cè)O(shè)置了圖片的相對(duì)地址。能正常顯示是因?yàn)槲覀冊(cè)?nbsp;head 部分設(shè)置了 base 標(biāo)簽，該標(biāo)簽指定了頁(yè)面上所有鏈接的默認(rèn) URL，所以該圖片的訪問(wèn)地址為 "http://ipnx.cn/images/logo.png"</p> <p><a href="http://ipnx.cn/">php.cn</a> - 注意這個(gè)鏈接會(huì)在新窗口打開，即便它沒有 target="_blank" 屬性。因?yàn)樵?nbsp;base 標(biāo)簽里我們已經(jīng)設(shè)置了 target 屬性的值為 "_blank"。</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
在 <head> 中使用 <style> 標(biāo)簽
本例演示如何在 <head> 部分添加樣式信息。
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
在 <head> 中使用 <link> 標(biāo)簽
本例演示如何使用 <link> 標(biāo)簽鏈接到一個(gè)外部樣式表。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我是通過(guò)樣式文件 styles.css 渲染后顯示的。</h1> <p>我也是。</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
相關(guān)文章
HTML 教程：HTML 頭部