HTML abbr屬性用法及代碼示例

abbr 屬性用於指定內容的較短版本或縮寫。它沒有描述任何視覺效果，但它被屏幕閱讀器使用。

用法：用於<th>和<td>標簽。

<th> 標簽中的 abbr 屬性：

用法:

<th abbr="text">

屬性值：

text:它包含標題單元格內容的簡短描述。

範例1：以下代碼顯示了如何在標題單元格中使用 abbr 屬性。

HTML


<!DOCTYPE html>
<html>
  
<body>
    <h1 style="color:green">GeeksforGeeks</h1>
  
    <h2>HTML th abbr attribute</h2>
  
    <table border="1">
        <tr>
            <th abbr="name of student">NAME</th>
            <th abbr="age of student">AGE</th>
            <th abbr="branch name">BRANCH</th>
        </tr>
  
        <tr>
            <td>BITTU</td>
            <td>22</td>
            <td>CSE</td>
        </tr>
  
        <tr>
            <td>RAKESH</td>
            <td>25</td>
            <td>EC</td>
        </tr>
    </table>
</body>
</html>

輸出：

<td> 標簽中的縮寫屬性：

用法:

<td abbr="text">

屬性值：

text:它包含對列單元格內容的簡短描述。

範例2：下麵的代碼展示了如何在列單元格中使用 abbr 屬性。

HTML


<!DOCTYPE html>
<html>
  
  
<body>
    <h1 style="color:green">GeeksforGeeks</h1>
  
    <h2>HTML td abbr attribute</h2>
  
    <table border="1">
        <tr>
            <th>NAME</th>
            <th>AGE</th>
            <th>BRANCH</th>
        </tr>
  
        <tr>
            <td abbr="name of student">BITTU</td>
            <td abbr="age of student">22</td>
            <td abbr="branch name">CSE</td>
        </tr>
  
        <tr>
            <td>RAKESH</td>
            <td>25</td>
            <td>EC</td>
        </tr>
    </table>
</body>
  
</html>

輸出：

支持的瀏覽器：HTML abbr 屬性支持的瀏覽器如下所列。

穀歌瀏覽器
IE瀏覽器
Firefox
Safari
Opera

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML abbr Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。