HTML中的標簽和元素的區別詳解

2019-10-26 17:05:37

字體：大中小

來源：轉載

供稿：網友

相信很多初學網頁的朋友都和我一樣，搞不明白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標簽添加各種附加信息或者配置選項的參數。

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

下一篇：html中select optgroup標簽使用介紹