html全域屬性有哪些

HTML全域屬性（Global Attributes）是適用於所有HTML元素的屬性，它們可以用於任何HTML標籤中。這些全域屬性旨在提供通用的屬性，以增強HTML元素的功能和樣式。以下我們將介紹一些常用的HTML全域屬性，並附上對應的程式碼範例。

1. class（類別）
   class屬性用於指定一個或多個類別名，以便為元素定義樣式。可以使用空格將多個類別名稱分開。樣式表和JavaScript程式碼可以根據類別名稱選擇特定的元素。

程式碼範例：

<div class="container">
    <p class="red">这是一个红色的段落。</p>
</div>

在上面的範例中，class="container"定義了一個有類別名稱container的div元素，而class="red"則定義了一個有類別名稱red的p元素。

2. id（標識）
   id屬性用於為元素定義唯一的標識符，以便透過JavaScript或CSS選擇特定的元素。每個頁面上的元素id必須是唯一的。

程式碼範例：

<h1 id="title">这是页面的标题</h1>

在上面的範例中，id="title"定義了一個唯一識別碼為title的h1元素。

3. style（樣式）
   style屬性用來為元素直接定義行內樣式，可以設定元素的顏色、字體、背景等樣式。

程式碼範例：

<p style="color: red; font-size: 16px;">这是一个红色的段落，字体大小为16像素。</p>

在上面的範例中，style屬性定義了一個紅色字體和16像素字體大小的p元素。

4. title（標題）
   title屬性用於為元素提供額外的信息，當滑鼠懸停在元素上時，該信息會以工具提示的形式顯示出來。通常用於提供元素的補充說明。

程式碼範例：

<a href="https://www.example.com" title="点击跳转到示例网站">示例网站</a>

在上面的範例中，當滑鼠懸停在<a></a>元素上時，將以工具提示的形式顯示出"點擊跳到範例網站"。

以上僅是HTML全域屬性的一些常見用法和範例，還有其他一些全域屬性，如lang、hidden、draggable等，它們均具有各自的特定用途。全域屬性為我們開發和客製化網頁提供了更多的靈活性和功能，透過合理運用這些屬性，我們可以更好地控制和呈現頁面的內容。

以上是html全域屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！