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