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="default.htm" > | This is a link | </a> |
<br /> |
|
|
注釋:開始標(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 文檔實(shí)例
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
上面的例子包含三個(gè) HTML 元素。
HTML 實(shí)例解釋
<p> 元素:
<p>This is my first paragraph.</p>
這個(gè) <p> 元素定義了 HTML 文檔中的一個(gè)段落。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <p>,以及一個(gè)結(jié)束標(biāo)簽 </p>。
元素內(nèi)容是:This is my first paragraph。
<body> 元素:
<body>
<p>This is my first paragraph.</p>
</body>
<body> 元素定義了 HTML 文檔的主體。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <body>,以及一個(gè)結(jié)束標(biāo)簽 </body>。
元素內(nèi)容是另一個(gè) HTML 元素(p 元素)。
<html> 元素:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html> 元素定義了整個(gè) HTML 文檔。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <html>,以及一個(gè)結(jié)束標(biāo)簽 </html>。
元素內(nèi)容是另一個(gè) HTML 元素(body 元素)。
不要忘記結(jié)束標(biāo)簽
即使您忘記了使用結(jié)束標(biāo)簽,大多數(shù)瀏覽器也會正確地顯示 HTML:
<p>This is a paragraph
<p>This is a paragraph
上面的例子在大多數(shù)瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會產(chǎn)生不可預(yù)料的結(jié)果或錯(cuò)誤。
注釋:未來的 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 /> 其實(shí)是更長遠(yuǎn)的保障。
HTML 提示:使用小寫標(biāo)簽
HTML 標(biāo)簽對大小寫不敏感:<P> 等同于 <p>。許多網(wǎng)站都使用大寫的 HTML 標(biāo)簽。
W3School 使用的是小寫標(biāo)簽,因?yàn)槿f維網(wǎng)聯(lián)盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強(qiáng)制使用小寫。
本站關(guān)鍵詞:大連網(wǎng)站建設(shè) | 大連網(wǎng)絡(luò)公司