HTML 文檔是由 HTML 元素定義的。
HTML 元素
HTML 元素指的是從開始標籤(start tag)到結束標籤(end tag)的所有代碼。
開始標籤 | 元素內容 | 結束標籤 |
---|---|---|
<p> |
This is a paragraph | </p> |
<a href="default.htm" > |
This is a link | </a> |
<br /> |
(空內容) |
開始標籤常被稱爲開放標籤(opening tag),結束標籤常稱爲閉合標籤(closing tag)。
HTML 元素語法
- HTML 元素以開始標籤起始
- HTML 元素以結束標籤終止
- 元素的內容是開始標籤與結束標籤之間的內容
- 某些 HTML 元素具有空內容(empty content)
- 空元素在開始標籤中進行關閉(剛開始就結束)
- 大多數 HTML 元素可擁有屬性
嵌套的 HTML 元素
大多數 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文檔由嵌套的 HTML 元素構成。
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
以上代碼包含三個HTML元素
HTML實例解釋
<p>
元素:
<p>This is my first paragraph.</p>
這個<p>
元素定義了 HTML 文檔中的一個段落。
這個元素擁有一個開始標籤 <p>
,以及一個結束標籤</p>
。
元素內容是:This is my first paragraph。
<body>
元素:
<body>
<p>This is my first paragraph.</p>
</body>
<body>
元素定義了 HTML 文檔的主體。
這個元素擁有一個開始標籤 <body>
,以及一個結束標籤 </body>
。
元素內容是另一個 HTML 元素(p 元素)。
<html>
元素:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html>
元素定義了整個 HTML 文檔。
這個元素擁有一個開始標籤<html>
,以及一個結束標籤 </html>
。
元素內容是另一個 HTML 元素(body 元素)。
不要忘記結束標籤
即使您忘記了使用結束標籤,大多數瀏覽器也會正確地顯示 HTML:
<p>This is a paragraph
<p>This is a paragraph
上面的例子在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標籤會產生不可預料的結果或錯誤。
注意:未來的 HTML 版本不允許省略結束標籤。
空的HTML元素
沒有內容的 HTML 元素被稱爲空元素。空元素是在開始標籤中關閉的。
<br>
就是沒有關閉標籤的空元素(<br>
標籤定義換行)。
在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。
在開始標籤中添加斜槓,比如 <br />
,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。
即使<br>
在所有瀏覽器中都是有效的,但使用<br />
其實是更長遠的保障。
HTML提示:使用小寫標籤
HTML 標籤對大小寫不敏感:<P>
等同於 <p>
。許多網站都使用大寫的 HTML 標籤。
W3School 使用的是小寫標籤,因爲萬維網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。