HTML 屬性是 HTML 元素的一部分，它們為元素提供了額外的資訊或設定。這些屬性總是以名稱/值對的形式出現，並且它們被放置在 HTML 元素的開始標籤中。瞭解和使用這些屬性對於建立豐富、互動式的網頁至關重要。
常見的 HTML 屬性
1. class
class 屬性用於為 HTML 元素指定一個或多個類名（classname）。類名用於 CSS（層疊樣式表）和 JavaScript 中，以便您可以為具有相同類名的元素指定樣式或新增行為。
<div class="container">這是一個容器。</div>
2. id
id 屬性為 HTML 元素指定一個唯一的識別符號（ID）。每個 ID 在一個 HTML 文件中必須是唯一的。ID 用於 CSS 和 JavaScript 中，以便您可以精確地引用和修改該元素。
<div id="uniqueElement">這是一個唯一的元素。</div>
3. style
style 屬性允許您直接在元素上應用 CSS 樣式。這被稱為行內樣式。雖然它很方便，但通常不推薦在生產環境中過度使用，因為它會增加 HTML 文件的複雜性和維護難度。
<p style="color:blue;">這是一段藍色的文字。</p>
4. title
title 屬性為元素提供額外的資訊，這些資訊通常會在滑鼠懸停在元素上時顯示為工具提示。
<a href="https://www.example.com" title="訪問 Example 網站">Example</a>
注意事項
- 屬性名稱和值對大小寫不敏感：儘管 HTML 是不區分大小寫的，但按照慣例，屬性名稱和值通常使用小寫。
- 始終為屬性值加引號：屬性值應該被包括在引號內（單引號或雙引號都可以，但請確保屬性值內部不要與引號衝突）。
- 避免使用已廢棄的屬性：隨著 HTML 和 CSS 的發展，一些屬性（如
<body>的bgcolor）已經被廢棄。應該使用 CSS 來控制這些樣式。
示例
居中排列標題
<h1 align="center">這是一個居中的標題</h1>
注意：align 屬性在 HTML5 中已被廢棄。現在，您應該使用 CSS 來控制文字的對齊方式。
<h1 style="text-align:center;">這是一個居中的標題</h1>
設定背景顏色
<body bgcolor="yellow">
注意：bgcolor 屬性也已被廢棄。您應該使用 CSS 來設定背景顏色。
<body style="background-color:yellow;">
透過這些基本的 HTML 屬性和實踐，您可以開始構建更加動態和樣式豐富的網頁了。
本文由一同學習平臺 GlGxt.CN 釋出！