HTML 元素
HTML 文檔是由 HTML 元素定義的。
HTML 元素
HTML 元素指的是從開始標(biāo)簽(start tag)到結(jié)束標(biāo)簽(end tag)的所有代碼。
向下面這樣
? ??開始標(biāo)簽 | ? ??元素內(nèi)容 | ? ??結(jié)束標(biāo)簽 |
? ? <p> | ? This is a paragraph | ??</p> |
? ??<a href="" > | ??This is a link | ??</a> |
? ??<br /> | ||
? ? <body> | ??</body> |
注釋:開始標(biāo)簽常被稱為開放標(biāo)簽(opening tag),結(jié)束標(biāo)簽常稱為閉合標(biāo)簽(closing tag)。
HTML 元素語法
HTML 元素以開始標(biāo)簽起始
HTML 元素以結(jié)束標(biāo)簽終止
元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
某些 HTML 元素具有空內(nèi)容(empty content)
空元素在開始標(biāo)簽中進(jìn)行關(guān)閉(以開始標(biāo)簽的結(jié)束而結(jié)束)
大多數(shù) HTML 元素可擁有屬性
提示:您將在本教程的下一章中學(xué)習(xí)更多有關(guān)屬性的內(nèi)容。
嵌套的 HTML 元素
大多數(shù) HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文檔由嵌套的 HTML 元素構(gòu)成。
<html>
<body>
<p>這里有三個html元素</p>
</body>
</html>
上面的例子包含三個 HTML 元素。分別是<p> 元素,<body> 元素,<html> 元素
HTML 實例解釋
<p> 元素:
<p>This is my first paragraph.</p>
這個 <p> 元素定義了 HTML 文檔中的一個段落。
這個元素?fù)碛幸粋€開始標(biāo)簽 <p>,以及一個結(jié)束標(biāo)簽 </p>。
元素內(nèi)容是:This is my first paragraph。
<body> 元素:
<body>
<p>This is my first paragraph.</p>
</body>
<body> 元素定義了 HTML 文檔的主體。
這個元素?fù)碛幸粋€開始標(biāo)簽 <body>,以及一個結(jié)束標(biāo)簽 </body>。
元素內(nèi)容是另一個 HTML 元素(p 元素)。
<html> 元素:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html> 元素定義了整個 HTML 文檔。
這個元素?fù)碛幸粋€開始標(biāo)簽 <html>,以及一個結(jié)束標(biāo)簽 </html>。
元素內(nèi)容是另一個 HTML 元素(body 元素)。
不要忘記結(jié)束標(biāo)簽
即使您忘記了使用結(jié)束標(biāo)簽,大多數(shù)瀏覽器也會正確地顯示 HTML:
<p>This is a paragraph
<p>This is a paragraph
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>This is a paragraph <p>This is a paragraph </body> </html>
程序運行結(jié)果:
This is a paragraph
This is a paragraph ? ??
上面的例子在大多數(shù)瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會產(chǎn)生不可預(yù)料的結(jié)果或錯誤。
注釋:未來的 HTML 版本不允許省略結(jié)束標(biāo)簽。
空的 HTML 元素
沒有內(nèi)容的 HTML 元素被稱為空元素??赵厥窃陂_始標(biāo)簽中關(guān)閉的。
<br> 就是沒有關(guān)閉標(biāo)簽的空元素(<br> 標(biāo)簽定義換行)。
在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關(guān)閉。
在開始標(biāo)簽中添加斜杠,比如 <br />,是關(guān)閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠(yuǎn)的保障。
提示:HTML 標(biāo)簽對大小寫不敏感:<P> 等同于 <p>,但是建議小寫