HTML元素是構建網頁的壹種單位,是由HTML標簽和HTML屬性組成的,HTML元素也是網頁中的壹種基本單位。
HTML與其他標記語言壹樣,HTML的關鍵,是標簽(tag)。HTML標簽是HTML語言中最基本的單位,HTML標簽是HTML語言最重要的組成部分。標簽是經過編碼的符號,用於區分和分隔內容的不同部分,並告知瀏覽器它處理的是什麽類型的內容。大多數HTML標簽的名字都準確地描述了它們的用途和它們所標註的內容的類型,如標題、段落、列表、圖像等。
HTML的標簽包括在壹對尖括號(<>)之間,以便將它們與普通文本區分開來。第壹個尖括號(<)標明了標簽的開頭,隨後是特定的標簽名(tag name),最後以壹個反向的尖括號(>)結束。例如下面是壹個表示段落的開頭的HTML標簽:
<p>
在HTML中,標簽名是大小寫不敏感的,就是說不區分大小寫。
大多數標簽配對使用:壹個開標簽[(opening tag),也叫開始標簽、起始標簽(start tag)],用於表明壹個內容片段的開始,還有壹個閉標簽[closing tag,也叫結束標簽、結尾標簽、終止(end tag)],用於表明其結束。例如段落的開始用開標簽<p>表示,其結尾標簽用</p>表示。閉標簽中第壹個尖括號後的斜線(/)將它與開標簽區分開。壹個完整的段落標記如下:
<p>Hello, World!</p>
可見,HTML標簽的語法如下,有兩種形式(成對與不成對):
<標簽名>內容</標簽名>
<標簽名>
HTML標簽要用兩個角括號括起來,<和>;
大多數都是閉合的(閉合就是標簽的最後要有壹個/,來標示結束)並且成對出現的,在開始標簽和結束標簽之間可以有內容;
標簽是大小寫無關的,標準推薦使用小寫。
這對孿生標簽和它們之間的壹切形成壹個元素(element)。標簽名就是元素名。
HTML元素的出現形式有3種:
首尾標記必須成對出現的元素,例如<h1>、<button>;
起始標記必須出現,而結尾標記是可選的,例如<p>、<option>;
只有起始標記而沒有結尾標記的元素,例如<br>、<img>。
其中,<br>、<img>等元素因為不需要終止標簽,所以不會有被包括的內容,因此它們也被稱為空元素(empty element)。
元素的開標前可以帶有壹些屬性(attribute),以提供關於該元素的更多信息。屬性由屬性名(attribute name)和隨後的屬性值(attribute value)組成。如:
<p class="greeting">Hello, World!</p>
這壹段落具有值為greeting的class屬性。元素的屬性和元素之間用英文半角的空格隔開。屬性的值和名用壹個等號(=)連接起來,並且值可以用壹對引號括起來,雙引號或單引號均可,只要它們匹配("?'的屬性值就是無效的),當然HTML中也可以不用引號,但若屬性值中含有空格則必須使用引號。少數屬性在HTML中不需要屬性值,它們扮演者布爾屬性的角色[沒有值的屬性被稱為最小化屬性(minimized attribute)]。與標簽名壹樣,屬性名也是不區分大小寫的。屬性值壹般不區分大小寫,但有時大小寫是有區別的,特別是在屬性值數據用於腳本引用或提交給服務器,而且有些值可能需要使用大寫字母。即便如此,為了壹致性起見,能小寫的就小寫。
元素的開標簽可以有多個屬性,它們彼此也用空格隔開。屬性只允許出現在開標簽(或空元素的單壹的、自閉合的標簽中)。某些元素必須指定某些屬性,而其他屬性則是可有可無的。
可見,HTML屬性的壹般語法如下:
<標簽名 屬性名1="屬性值" 屬性名2="屬性值" ... 屬性名N="屬性值">內容</標簽名>
HTML屬性壹般都出現在HTML標簽中,HTML屬性是HTML標簽的壹部分。
標簽可以有屬性,它包含了額外的信息,屬性的值壹般要在引號中(有時也可以不加引號);
標簽可以擁有壹個或多個屬性,也可以沒有屬性;
屬性壹般由屬性名和值成對出現。
下圖說明了元素的組成部分。
有些人把元素稱作標簽(如“P標簽”)。需要記住的是,元素是壹碼事,標簽(不論是開始標簽還是終止標簽)是另壹碼事。例如,head元素總是存在的,即使它的開始標簽和終止標簽都沒有也是如此。