HTML————3、HTML元素

FLy_鵬程萬里發表於2018-07-22
HTML

HTML元素

開始標籤 * 元素內容 結束標籤 *
<p> 這是一個段落 </p>
<a href="default.htm"> 這是一個連結 </a>
<br> 換行  

*開始標籤常被稱為起始標籤（opening tag），結束標籤常稱為閉合標籤（closing tag）。

HTML 元素語法

  • HTML 元素以開始標籤起始
  • HTML 元素以結束標籤終止
  • 元素的內容是開始標籤與結束標籤之間的內容
  • 某些 HTML 元素具有空內容（empty content）
  • 空元素在開始標籤中進行關閉（以開始標籤的結束而結束）
  • 大多數 HTML 元素可擁有屬性

註釋: 您將在本教程的下一章中學習更多有關屬性的內容。

巢狀的 HTML 元素

HTML 文件由巢狀的 HTML 元素構成。

HTML 文件例項

<!DOCTYPE html>
<html>

<body>
<p>這是第一個段落。</p>
</body>

</html>

以上例項包含了三個 HTML 元素。

HTML 例項解析

<p> 元素:

<p>這是第一個段落。</p>

這個 <p> 元素定義了 HTML 文件中的一個段落。
這個元素擁有一個開始標籤 <p> 以及一個結束標籤 </p>.
元素內容是: 這是第一個段落。

<body> 元素:

<body>
<p>這是第一個段落。</p>
</body>

<body> 元素定義了 HTML 文件的主體。
這個元素擁有一個開始標籤 <body> 以及一個結束標籤 </body>。
元素內容是另一個 HTML 元素（p 元素）。

<html> 元素：

<html>

<body>
<p>這是第一個段落。</p>
</body>

</html>

<html> 元素定義了整個 HTML 文件。
這個元素擁有一個開始標籤 <html> ，以及一個結束標籤 </html>.
元素內容是另一個 HTML 元素（body 元素）。

不要忘記結束標籤

即使您忘記了使用結束標籤，大多數瀏覽器也會正確地顯示 HTML：

<p>這是一個段落
<p>這是一個段落

以上例項在瀏覽器中也能正常顯示，因為關閉標籤是可選的。

但不要依賴這種做法。忘記使用結束標籤會產生不可預料的結果或錯誤。

HTML 空元素

沒有內容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。

<br> 就是沒有關閉標籤的空元素（<br> 標籤定義換行）。

在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。

在開始標籤中新增斜槓，比如 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。

即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠的保障。

HTML 提示：使用小寫標籤

HTML 標籤對大小寫不敏感：<P> 等同於 <p>。許多網站都使用大寫的 HTML 標籤。

菜鳥教程使用的是小寫標籤，因為全球資訊網聯盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強制使用小寫。

相關文章