HTML 元素

閱讀:1286      收藏:0      [點我收藏+]

HTML 文檔由 HTML 元素定義。


HTML 元素

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

*開始標簽常被稱為起始標簽(opening tag),結束標簽常稱為閉合標簽(closing tag)


HTML Element Syntax

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

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


嵌套的 HTML 元素

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


HTML 文檔實例

<!DOCTYPE html>
<html>

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

</html>

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


HTML 實例解析

The <p> element:

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

這個 <p> 元素定義了 HTML 文檔中的一個段落。
這個元素擁有一個開始標簽 <p> 以及一個結束標簽 </p>.
元素內容是: This is my first paragraph.

The <body> element:

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

The <body> 元素定義了 HTML 文檔的主體。
這個元素擁有一個開始標簽 <body> 以及一個結束標簽 </body>。
元素內容是另一個 HTML 元素(p 元素)。

The <html> 元素:

<html>

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

</html>

The <html> 元素定義了整個 HTML 文檔。
這個元素擁有一個開始標簽 <html> ,以及一個結束標簽 </html>.
元素內容是另一個 HTML 元素(body 元素)。


不要忘記結束標簽

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

<p>This is a paragraph
<p>This is a paragraph

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

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


HTML 空元素

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

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

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

在開始標簽中添加斜杠,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

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


HTML 提示:使用小寫標簽

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

萬維網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。

? 2014 bubuko.com 版權所有 魯ICP備09046678號-4
打開技術之扣,分享程序人生!
             

魯公網安備 37021202000002號

湖南快乐十分钟走势图