現(xiàn)在我們來學(xué)習(xí)HTML元素。HTML 文檔是由HTML元素定義的。
什么是HTML元素
HTML元素指的是從開始標簽(start tag)到結(jié)束標簽(end tag)的所有代碼。

注:開始標簽常被稱為開放標簽(opening tag),結(jié)束標簽常被稱為閉合標簽(closing tag)。
HTML 元素語法
- HTML元素以開始標簽起始
- HTML元素以結(jié)束標簽終止
- 元素的內(nèi)容是開始標簽與結(jié)束標簽之間的內(nèi)容
- 某些HTML元素具有空內(nèi)容(empty content)
- 空元素在開始標簽中進行關(guān)閉(以開始標簽的結(jié)束而結(jié)束)
- 大多數(shù)HTML元素可擁有屬性
嵌套的HTML元素
大多數(shù)HTML元素可以嵌套(可以包含其它HTML元素)。
HTML文檔由嵌套的HTML元素構(gòu)成。
HTML 文檔實例
<html>
<body>
<p>這是一個段落</p>
</body>
</html>
HTML實例解釋
上面的例子包含三個HTML元素
1、<p>元素:
<p>這是一個段落</p>
這個<p>元素定義了HTML文檔中的一個段落。
這個元素擁有一個開始標簽<p>,以及一個結(jié)束標簽</p>。
元素內(nèi)容是:這是一個段落。
2、<body>元素:
<body>
<p>這是一個段落</p>
</body>
這個<body>元素定義了HTML文檔的主體。
這個元素擁有一個開始標簽<body>,以及一個結(jié)束標簽</body>。
元素內(nèi)容是另一個HTML元素 (p元素)。
3、<html>元素:
<html>
<body>
<p>這是一個段落</p>
</body>
</html>
<html>元素定義了整個 HTML文檔。
這個元素擁有一個開始標簽<html>,以及一個結(jié)束標簽</html>。
元素內(nèi)容是另一個HTML元素(body 元素)。
空的HTML元素
沒有內(nèi)容的HTML元素被稱為空元素。空元素是在開始標簽中關(guān)閉的。
<br>就是沒有關(guān)閉標簽的空元素(<br>標簽定義換行)。
在 XHTML、XML 以及未來版本的 HTML中,所有元素都必須被關(guān)閉。
在開始標簽中添加斜杠,比如<br/>,是關(guān)閉元素的正確方法,HTML、XHTML和XML都接受這種方式。
即使<br>在所有瀏覽器中都是有效的,但使用<br/> 其實是更長遠的保障。
需要注意的問題
- 不要忘記使用結(jié)束標簽,雖然大多數(shù)的瀏覽器還是會正確的顯示HTML,但不要依賴這種做法。忘記使用結(jié)束標簽,會產(chǎn)生不可預(yù)料的結(jié)果或錯誤。
- HTML標簽對大小寫不敏感:
<P>等同于<p>。許多網(wǎng)站都是用大寫的HTML標簽。
w3school 實用的是小寫標簽,因為萬維網(wǎng)聯(lián)盟在HTML 4 中推薦使用小寫。而在未來(X)HTML版本中強制使用小寫。
元素就學(xué)到這里。開始下一個課程的學(xué)習(xí)吧。