首頁  >  文章  >  web前端  >  HTML中的標籤和元素的差異詳解_HTML/Xhtml_網頁製作

HTML中的標籤和元素的差異詳解_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:40:121503瀏覽

我相信很多初學網頁的朋友都跟我一樣,搞不懂HTML中元素、標籤、屬性到底是怎麼定義的,元素和標籤有什麼差別。為了徹底弄清楚,我特意搜尋查閱了一些資料,現將我得出的結論寫出來,分享給和我有著同樣迷惑的網友們:

很多人可能都沒有把哪個叫標籤,哪個叫元素這個概念搞清楚,包括之前的我也是,一直都是混淆。
事實上兩者之間的概念還是很清楚的:
例如

這就是一個標籤;

這裡是內容

這就是一個元素,也就是說元素由一個開始的標籤和結束的標籤組成,用來包含某些內容;
這裡有一個值得注意的例外,即
本身既是開始標籤也是結束標籤,但不包含任何內容,所以這只是個標籤。

1. 元素

HTML網頁實際上就是由許許多多各種各樣的HTML元素構成的文本文件,並且任何網頁瀏覽器都可以直接運行HTML檔。所以可以這樣說,HTML元素就是構成HTML檔案的基本對象,HTML元素可以說是一個統稱而已。 HTML元素就是透過使用HTML標籤來定義的。

2. 標籤

標籤就是、、等被尖括號「」包起來的對象,絕絕>大部分的標籤都是成對出現的,如
、。當然還有少數不是成對出現的,如

等。

標籤就是用來標示HTML元素的。位於起始標籤和結束標籤之間的文字就是HTML元素的內容。

3. 屬性

為HTML元素提供各種附加資訊的就是HTML屬性,它總是以"屬性名稱=屬性值"這種名值對的形式出現,而且屬性總是在HTML元素的開始標籤中定義。

範例

範例標題

範例標題

這是頁面

在這個範例中,這是範例頁就是HTML元素,其中「這是範例頁」就是元素的具體內容了。 等就是HTML標籤,這是標籤構成了HTML元素。 中的bgcolor="red"就是標籤的屬性,它定義了標籤應該如何具體配置。 總之,元素和標籤的區別也不必太在意,實際工作中我們都直接以標籤統稱。而屬性就很容易明白了, 它就是為HTML標籤添加各種附加資訊或設定選項的參數。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn