做(zuò)自(zì)由與創造的先行(xíng)者

HTML 元素

HTML中文手冊

HTML 文檔是由 HTML 元素定義的。

HTML 元素

HTML 元素指的是從(cóng)開(kāi)始标簽(start tag)到結束标簽(end tag)的所有代碼。

注釋:開(kāi)始标簽常被稱為(wèi)開(kāi)放标簽(opening tag),結束标簽常稱為(wèi)閉合标簽(closing tag)。

HTML 元素語法

HTML 元素以開(kāi)始标簽起始

HTML 元素以結束标簽終止

元素的內(nèi)容是開(kāi)始标簽與結束标簽之間(jiān)的內(nèi)容

某些 HTML 元素具有空內(nèi)容(empty content)

空元素在開(kāi)始标簽中進行(xíng)關閉(以開(kāi)始标簽的結束而結束)

大多數(shù) HTML 元素可(kě)擁有屬性

提示:您将在本教程的下(xià)一(yī)章(zhāng)中學習更多有關屬性的內(nèi)容。

嵌套的 HTML 元素

大多數(shù) HTML 元素可(kě)以嵌套(可(kě)以包含其他(tā) HTML 元素)。

HTML 文檔由嵌套的 HTML 元素構成。

HTML 文檔實例

<html>

<body>

<p>This is my first paragraph.</p>

</body>

</html>

上(shàng)面的例子包含三個 HTML 元素。

HTML 實例解釋

<p> 元素:

<p>This is my first paragraph.</p>

這(zhè)個 <p> 元素定義了(le) HTML 文檔中的一(yī)個段落。

這(zhè)個元素擁有一(yī)個開(kāi)始标簽 <p>,以及一(yī)個結束标簽 </p>。

元素內(nèi)容是:This is my first paragraph。

<body> 元素:

<body>

<p>This is my first paragraph.</p>

</body>

<body> 元素定義了(le) HTML 文檔的主體。

這(zhè)個元素擁有一(yī)個開(kāi)始标簽 <body>,以及一(yī)個結束标簽 </body>。

元素內(nèi)容是另一(yī)個 HTML 元素(p 元素)。

<html> 元素:

<html>

<body>

<p>This is my first paragraph.</p>

</body>

</html>

<html> 元素定義了(le)整個 HTML 文檔。

這(zhè)個元素擁有一(yī)個開(kāi)始标簽 <html>,以及一(yī)個結束标簽 </html>。

元素內(nèi)容是另一(yī)個 HTML 元素(body 元素)。

不要(yào)忘記結束标簽

即使您忘記了(le)使用結束标簽,大多數(shù)浏覽器也會正确地(dì)顯示 HTML:

<p>This is a paragraph

<p>This is a paragraph

上(shàng)面的例子在大多數(shù)浏覽器中都(dōu)沒問(wèn)題,但(dàn)不要(yào)依賴這(zhè)種做(zuò)法。忘記使用結束标簽會産生不可(kě)預料的結果或錯誤。

注釋:未來的 HTML 版本不允許省略結束标簽。

空的 HTML 元素

沒有內(nèi)容的 HTML 元素被稱為(wèi)空元素。空元素是在開(kāi)始标簽中關閉的。

<br> 就是沒有關閉标簽的空元素(<br> 标簽定義換行(xíng))。

在 XHTML、XML 以及未來版本的 HTML 中,所有元素都(dōu)必須被關閉。

在開(kāi)始标簽中添加斜杠,比如(rú) <br />,是關閉空元素的正确方法,HTML、XHTML 和(hé) XML 都(dōu)接受這(zhè)種方式。

即使 <br> 在所有浏覽器中都(dōu)是有效的,但(dàn)使用 <br /> 其實是更長(cháng)遠的保障。

HTML 提示:使用小寫标簽

HTML 标簽對大小寫不敏感:<P> 等同于 <p>。許多網站都(dōu)使用大寫的 HTML 标簽。

網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:HTML 屬性
上(shàng)一(yī)篇:基本的 HTML 标簽 - 四個實例