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