相信很多初學網頁的朋友都和我一樣,搞不明白HTML中元素、標簽、屬性之間到底是怎麼定義的,元素和標簽有什麼區別。為了徹底弄明白,我特意搜索查閱了一些資料,現將我得出的結論寫出來,分享給和我有著同樣迷惑的網友們:
很多人可能都沒有把哪個叫標簽,哪個叫元素這個概念搞清楚,包括之前的我也是,一直都是混淆著。
事實上兩者之間的概念還是很清楚的:
比如<p>這就是一個標簽;
<p>這裡是內容</p>這就是一個元素,也就是說元素由一個開始的標簽和結束的標簽組成,用來包含某些內容;
這裡有一個值得注意的例外,即<br/>本身既是開始標簽也是結束標簽,但不包含任何內容,所以這只是個標簽。
1. 元素:
HTML網頁實際上就是由許許多多各種各樣的HTML元素構成的文本文件,並且任何網頁浏覽器都可以直接運行HTML文件。所以可以這樣說,HTML元素就是構成HTML文件的基本對象,HTML元素可以說是一個統稱而已。HTML元素就是通過使用HTML標簽進行定義的。
2. 標簽:
標簽就是<head>、<body>、<table>等被尖括號“<”和“>”包起來的對象,絕大部分的標簽都是成對出現的,如<table></talbe>、<form></form>。當然還有少部分不是成對出現的,如<br>、<hr>等。
標簽就是用來標記HTML元素的。位於起始標簽和結束標簽之間的文本就是HTML元素的內容。
3. 屬性:
為HTML元素提供各種附加信息的就是HTML屬性,它總是以"屬性名=屬性值"這種名值對的形式出現,而且屬性總是在HTML元素的開始標簽中進行定義。
示例:
<html> <head> <title>示例標題</title> </head> <body bgcolor="red"> <p>這是示例頁面</p> </body> </html> 在這個示例中,<p>這是示例頁面</p>就是HTML元素,其中“這是示例頁面”就是元素的具體內容了。 <head><title><body>等就是HTML標簽,這是標簽構成了HTML元素。 <body bgcolor="red">中的bgcolor="red"就是標簽的屬性,它定義了標簽應該如何具體配置。 總之,元素和標簽的區別也不必太在意,實際工作中我們都直接以標簽統稱。而屬性就很容易明白了, 它就是為HTML標簽添加各種附加信息或者配置選項的參數。