跳轉到內容

HTML 5 程式設計與 Web 開發/HTML 5 屬性

來自華夏公益教科書,自由的教科書,面向開放的世界

HTML 5 屬性是使用名稱-值對建立的,並放置在標籤名稱之後。

名稱-值對

[編輯 | 編輯原始碼]

名稱-值對由一組文字字串表示,其中name="value"通常由逗號、分號、空格或換行符隔開。

編寫 HTML 5 屬性

[編輯 | 編輯原始碼]

HTML 5 屬性寫在元素標籤內,並用空格隔開。例如

<input type="text" value="hello Web"/>

在這段程式碼中,屬性是 type 和 value,它們的值分別是 "text" 和 "hello Web"。

屬性提供有關元素的額外資訊。例如,在 input 元素中,type 屬性指定輸入型別,因此如果我們有 type="button",我們將得到一個按鈕而不是文字框。屬性在 HTML 中非常重要,沒有它們,Web 開發可能會變得更加困難。

特殊屬性

[編輯 | 編輯原始碼]

HTML 5 有一些特殊屬性,我必須指出。

id 屬性

[編輯 | 編輯原始碼]

id 屬性是元素的唯一識別符號。在使用 CSS 和 JavaScript 時,它變得非常有用。在一個網頁上,你不能擁有多個具有相同 id 的元素。以下是一個 id 屬性的示例

<form id="htm-form">
</form>

class 屬性

[編輯 | 編輯原始碼]

class 屬性將一個元素與具有相同類的其他元素分組。這通常用於將 CSS 樣式應用於元素。與 id 屬性不同,在一個頁面上,你可以擁有多個具有相同類的元素。

華夏公益教科書