HTML和HTML5的標(biāo)簽類型有哪些區(qū)別？

更新時(shí)間:2023-07-27 來源:黑馬程序員瀏覽量:

IT培訓(xùn)班

帶有“<>”符號(hào)的元素被稱為HTML標(biāo)簽，也稱為HTML標(biāo)簽或HTML元素，例如：<html>、<head>、<body>都是HTML標(biāo)簽。HTML中的標(biāo)簽分為三種，分別為單標(biāo)簽、雙標(biāo)簽、注釋標(biāo)簽。

單標(biāo)簽

單標(biāo)簽也稱空標(biāo)簽，是指用一個(gè)標(biāo)簽符號(hào)即可完整地描述某個(gè)功能的標(biāo)簽。

<標(biāo)簽名/>

單標(biāo)簽語法格式：

在上述語法格式中，“標(biāo)簽名”和“/”之間有一個(gè)空格，在HTML5中，空格和斜線均可以省略。例如hr標(biāo)簽可以寫作<hr/>也可以寫成<hr>。

雙標(biāo)簽

雙標(biāo)簽也稱體標(biāo)簽，是指由開始和結(jié)束兩個(gè)標(biāo)簽符組成的標(biāo)簽。

雙標(biāo)簽語法格式：

<標(biāo)簽名>內(nèi)容</標(biāo)簽名>

<標(biāo)簽名>表示該標(biāo)記的作用開始，一般稱為“開始標(biāo)簽”，</標(biāo)簽名>表示該標(biāo)記的作用結(jié)束，一般稱為“結(jié)束標(biāo)簽”。

注釋標(biāo)簽

若需要在HTML文檔中添加注釋文字，就需要使用注釋標(biāo)簽。
注釋標(biāo)簽語法格式：

<！--注釋語句-->

HTML中標(biāo)簽和元素的差別

可以把HTML中帶有“<>”符號(hào)的字母或單詞統(tǒng)一被稱為標(biāo)簽。元素是指標(biāo)簽和標(biāo)簽包含的所有內(nèi)容。書寫元素時(shí)，通常不會(huì)帶有“<>”符號(hào)。

標(biāo)簽和元素的常見稱謂應(yīng)用示例如下。

<div>小美愛學(xué)習(xí)</div><hr/>

開始標(biāo)簽：<div>開始標(biāo)簽。

結(jié)束標(biāo)簽：</div>結(jié)束標(biāo)簽。

標(biāo)簽：<div>標(biāo)簽、<hr/>標(biāo)簽。

元素：div元素、hr元素。

元素內(nèi)容：小美愛學(xué)習(xí)。

HTML5標(biāo)簽的屬性

通過為HTML5標(biāo)簽設(shè)置屬性的方式可以增加更多的樣式，例如字體、顏色等。

1690430036113_標(biāo)簽.png

HTML5標(biāo)簽設(shè)置屬性的基本語法格式：

<標(biāo)簽名屬性1="屬性值1”屬性2=”屬性值2”.…>內(nèi)容</標(biāo)簽名>

在上述語法格式中，標(biāo)簽可以擁有多個(gè)屬性，屬性必須寫在開始標(biāo)簽中，位于標(biāo)簽名后面。屬性之間不分先后順序，標(biāo)簽名與屬性、屬性與屬性之間均以空格分開。

例如下列代碼：

<p align="center">我是居中顯示的文本</p>

上述代碼中哪個(gè)是屬性？哪個(gè)數(shù)屬性值？

例如以下代碼：

<p align="center">我是居中顯示的文本</p>

需要注意的是大多數(shù)屬性都有默認(rèn)屬性值，例如省略<p>標(biāo)簽的align屬性，段落文本則按默認(rèn)值左對(duì)齊顯示，也就是說<p></p>等價(jià)于<p align="left"></p>。

最新資訊