HTML中的標(biāo)簽和元素的區(qū)別詳解
發(fā)布時間：2013-04-22 14:44:28 作者：佚名 
我要評論
我要評論很多人可能都沒有把哪個叫標(biāo)簽，哪個叫元素這個概念搞清楚，包括之前的我也是，一直都是混淆著，特意搜索查閱了一些資料，現(xiàn)將我得出的結(jié)論寫出來，與大家分享下
相信很多初學(xué)網(wǎng)頁的朋友都和我一樣，搞不明白HTML中元素、標(biāo)簽、屬性之間到底是怎么定義的，元素和標(biāo)簽有什么區(qū)別。為了徹底弄明白，我特意搜索查閱了一些資料，現(xiàn)將我得出的結(jié)論寫出來，分享給和我有著同樣迷惑的網(wǎng)友們：
很多人可能都沒有把哪個叫標(biāo)簽，哪個叫元素這個概念搞清楚，包括之前的我也是，一直都是混淆著。
事實上兩者之間的概念還是很清楚的：
比如<p>這就是一個標(biāo)簽；
<p>這里是內(nèi)容</p>這就是一個元素，也就是說元素由一個開始的標(biāo)簽和結(jié)束的標(biāo)簽組成，用來包含某些內(nèi)容；
這里有一個值得注意的例外，即<br/>本身既是開始標(biāo)簽也是結(jié)束標(biāo)簽，但不包含任何內(nèi)容，所以這只是個標(biāo)簽。
1. 元素：
HTML網(wǎng)頁實際上就是由許許多多各種各樣的HTML元素構(gòu)成的文本文件，并且任何網(wǎng)頁瀏覽器都可以直接運行HTML文件。所以可以這樣說，HTML元素就是構(gòu)成HTML文件的基本對象，HTML元素可以說是一個統(tǒng)稱而已。HTML元素就是通過使用HTML標(biāo)簽進行定義的。
2. 標(biāo)簽：
標(biāo)簽就是<head>、<body>、<table>等被尖括號“<”和“>”包起來的對象，絕大部分的標(biāo)簽都是成對出現(xiàn)的，如<table></talbe>、<form></form>。當(dāng)然還有少部分不是成對出現(xiàn)的，如<br>、<hr>等。
標(biāo)簽就是用來標(biāo)記HTML元素的。位于起始標(biāo)簽和結(jié)束標(biāo)簽之間的文本就是HTML元素的內(nèi)容。
3. 屬性：
為HTML元素提供各種附加信息的就是HTML屬性，它總是以"屬性名=屬性值"這種名值對的形式出現(xiàn)，而且屬性總是在HTML元素的開始標(biāo)簽中進行定義。
示例：
<html> <head> <title>示例標(biāo)題</title> </head> <body bgcolor="red"> <p>這是示例頁面</p> </body> </html> 在這個示例中，<p>這是示例頁面</p>就是HTML元素，其中“這是示例頁面”就是元素的具體內(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ū)別也不必太在意，實際工作中我們都直接以標(biāo)簽統(tǒng)稱。而屬性就很容易明白了， 它就是為HTML標(biāo)簽添加各種附加信息或者配置選項的參數(shù)。
很多人可能都沒有把哪個叫標(biāo)簽，哪個叫元素這個概念搞清楚，包括之前的我也是，一直都是混淆著。
事實上兩者之間的概念還是很清楚的：
比如<p>這就是一個標(biāo)簽；
<p>這里是內(nèi)容</p>這就是一個元素，也就是說元素由一個開始的標(biāo)簽和結(jié)束的標(biāo)簽組成，用來包含某些內(nèi)容；
這里有一個值得注意的例外，即<br/>本身既是開始標(biāo)簽也是結(jié)束標(biāo)簽，但不包含任何內(nèi)容，所以這只是個標(biāo)簽。
1. 元素：
HTML網(wǎng)頁實際上就是由許許多多各種各樣的HTML元素構(gòu)成的文本文件，并且任何網(wǎng)頁瀏覽器都可以直接運行HTML文件。所以可以這樣說，HTML元素就是構(gòu)成HTML文件的基本對象，HTML元素可以說是一個統(tǒng)稱而已。HTML元素就是通過使用HTML標(biāo)簽進行定義的。
2. 標(biāo)簽：
標(biāo)簽就是<head>、<body>、<table>等被尖括號“<”和“>”包起來的對象，絕大部分的標(biāo)簽都是成對出現(xiàn)的，如<table></talbe>、<form></form>。當(dāng)然還有少部分不是成對出現(xiàn)的，如<br>、<hr>等。
標(biāo)簽就是用來標(biāo)記HTML元素的。位于起始標(biāo)簽和結(jié)束標(biāo)簽之間的文本就是HTML元素的內(nèi)容。
3. 屬性：
為HTML元素提供各種附加信息的就是HTML屬性，它總是以"屬性名=屬性值"這種名值對的形式出現(xiàn)，而且屬性總是在HTML元素的開始標(biāo)簽中進行定義。
示例：
<html> <head> <title>示例標(biāo)題</title> </head> <body bgcolor="red"> <p>這是示例頁面</p> </body> </html> 在這個示例中，<p>這是示例頁面</p>就是HTML元素，其中“這是示例頁面”就是元素的具體內(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ū)別也不必太在意，實際工作中我們都直接以標(biāo)簽統(tǒng)稱。而屬性就很容易明白了， 它就是為HTML標(biāo)簽添加各種附加信息或者配置選項的參數(shù)。
相關(guān)文章
- 這篇文章主要介紹了XML中的標(biāo)簽與元素的使用,是XML入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2016-02-14
div標(biāo)簽中的元素margin-top失效的解決方法
元素上級標(biāo)簽是div，已經(jīng)設(shè)置了width和height等的屬性，可是，在對元素使用margin進行調(diào)整的時候，無法生效，下面有個不錯的解決方法，感興趣的朋友可以參考下2014-02-17HTML5在a標(biāo)簽內(nèi)放置塊級元素示例代碼
你沒看錯:用一個A標(biāo)簽包裹塊級元素，在HTML5以前，a標(biāo)簽屬于行內(nèi)元素，而div,h1,p 等為塊級元素，如果強行包裹，可能會被強行截斷為多個a標(biāo)簽，感興趣的朋友可以了解些2013-08-23HTML標(biāo)簽及基本元素學(xué)習(xí)總結(jié)
最近學(xué)習(xí)了一些html的知識，以防忘記所以整理了一下，以備不時之需。主要由html的基本元素到超鏈接、圖像之類的，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-26css 背景透明 元素(標(biāo)簽)背景透明的css設(shè)計
今天要設(shè)計一個定位在圖片上的標(biāo)簽，標(biāo)簽的背景要有一定的透明度,使用到了opacity的屬性，過去沒太注意這個屬性的兼容性問題,結(jié)果很是郁悶2013-01-09- 塊級元素：block-level，相信大家都知道吧（or Google it）。以前在寫代碼的時候，面對 標(biāo)簽總覺得很奇怪。2011-04-26
- HTML元素(標(biāo)簽)大全及使用說明2010-07-04
- HTML文檔是由HTML元素組成的文本文件。 HTML元素是預(yù)定義的正在使用的HTML標(biāo)簽。 HTML標(biāo)簽通常成對出現(xiàn)2009-07-16
元素絕對定位以后設(shè)置了高寬,a標(biāo)簽不能點擊的原因及解決方法
下面小編就為大家?guī)硪黄亟^對定位以后設(shè)置了高寬,a標(biāo)簽不能點擊的原因及解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09