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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。