HTML中的標(biāo)簽和元素的區(qū)別詳解

2019-10-26 17:05:37

字體：大中小

供稿：網(wǎng)友

相信很多初學(xué)網(wǎng)頁(yè)的朋友都和我一樣，搞不明白HTML中元素、標(biāo)簽、屬性之間到底是怎么定義的，元素和標(biāo)簽有什么區(qū)別。為了徹底弄明白，我特意搜索查閱了一些資料，現(xiàn)將我得出的結(jié)論寫出來，分享給和我有著同樣迷惑的網(wǎng)友們：

很多人可能都沒有把哪個(gè)叫標(biāo)簽，哪個(gè)叫元素這個(gè)概念搞清楚，包括之前的我也是，一直都是混淆著。
事實(shí)上兩者之間的概念還是很清楚的：
比如<p>這就是一個(gè)標(biāo)簽；
<p>這里是內(nèi)容</p>這就是一個(gè)元素，也就是說元素由一個(gè)開始的標(biāo)簽和結(jié)束的標(biāo)簽組成，用來包含某些內(nèi)容；
這里有一個(gè)值得注意的例外，即<br/>本身既是開始標(biāo)簽也是結(jié)束標(biāo)簽，但不包含任何內(nèi)容，所以這只是個(gè)標(biāo)簽。

1. 元素：

HTML網(wǎng)頁(yè)實(shí)際上就是由許許多多各種各樣的HTML元素構(gòu)成的文本文件，并且任何網(wǎng)頁(yè)瀏覽器都可以直接運(yùn)行HTML文件。所以可以這樣說，HTML元素就是構(gòu)成HTML文件的基本對(duì)象，HTML元素可以說是一個(gè)統(tǒng)稱而已。HTML元素就是通過使用HTML標(biāo)簽進(jìn)行定義的。

2. 標(biāo)簽：

標(biāo)簽就是<head>、<body>、<table>等被尖括號(hào)“<”和“>”包起來的對(duì)象，絕大部分的標(biāo)簽都是成對(duì)出現(xiàn)的，如<table></talbe>、<form></form>。當(dāng)然還有少部分不是成對(duì)出現(xiàn)的，如<br>、<hr>等。

標(biāo)簽就是用來標(biāo)記HTML元素的。位于起始標(biāo)簽和結(jié)束標(biāo)簽之間的文本就是HTML元素的內(nèi)容。

3. 屬性：

為HTML元素提供各種附加信息的就是HTML屬性，它總是以"屬性名=屬性值"這種名值對(duì)的形式出現(xiàn)，而且屬性總是在HTML元素的開始標(biāo)簽中進(jìn)行定義。

示例：

<html> <head> <title>示例標(biāo)題</title> </head> <body bgcolor="red"> <p>這是示例頁(yè)面</p> </body> </html> 在這個(gè)示例中，<p>這是示例頁(yè)面</p>就是HTML元素，其中“這是示例頁(yè)面”就是元素的具體內(nèi)容了。 <head><title><body>等就是HTML標(biāo)簽，這是標(biāo)簽構(gòu)成了HTML元素。 <body bgcolor="red">中的bgcolor="red"就是標(biāo)簽的屬性，它定義了標(biāo)簽應(yīng)該如何具體配置。總之，元素和標(biāo)簽的區(qū)別也不必太在意，實(shí)際工作中我們都直接以標(biāo)簽統(tǒng)稱。而屬性就很容易明白了，它就是為HTML標(biāo)簽添加各種附加信息或者配置選項(xiàng)的參數(shù)。

上一篇：html添加ico鏡像代碼(favicon.ico放在根目錄)

下一篇：html中select optgroup標(biāo)簽使用介紹

學(xué)習(xí)交流

電腦開不了機(jī)的原因和解決辦法

電腦開不了機(jī)的原因和解決辦法...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注