HTML5 <head> 標(biāo)簽

2022-05-23 14:55 更新

實(shí)例

HTML5 <head> 標(biāo)簽表示文檔的頭部,其中包含了與該文檔有關(guān)的信息!

一份在頭部帶有 <title> 標(biāo)簽的 HTML 文檔:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>

<body>
文檔內(nèi)容......
</body>

</html>
嘗試一下 ?
(更多實(shí)例見頁面底部)

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <head> 標(biāo)簽。


標(biāo)簽定義及使用說明

<head> 元素是所有頭部元素的容器。

<head> 元素必須包含文檔的標(biāo)題(title),可以包含腳本、樣式、meta 信息 以及其他更多的信息。

以下列出的元素能被用在 <head> 元素內(nèi)部:


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 的全局屬性


Examples

嘗試一下 - 實(shí)例

在 <head> 中使用 <base> 標(biāo)簽
本例演示如何使用 <base> 標(biāo)簽規(guī)定頁面中所有鏈接的默認(rèn) URL 和默認(rèn) target。

在 <head> 中使用 <style> 標(biāo)簽
本例演示如何在 <head> 部分添加樣式信息。

在 <head> 中使用 <link> 標(biāo)簽
本例演示如何使用 <link> 標(biāo)簽鏈接到一個(gè)外部樣式表。


附注

如果在文檔中忽略了 <head> 標(biāo)簽,則大部分瀏覽器會(huì)自動(dòng)創(chuàng)建一個(gè) <head> 元素。當(dāng)然,有一些不會(huì)。

下面這些瀏覽器經(jīng)測試不會(huì)自動(dòng)創(chuàng)建一個(gè) head 元素:Android <=1.6, iPhone <=3.1.3, Nokia 90, Opera <=9.27, and Safari <=3.2.1。

相關(guān)文章

HTML 教程:HTML 頭部


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)