Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML abbr Attribute

  • Last Updated : 21 Oct, 2021

The abbr attribute is used to specify the shorter version or abbreviation of the content. It does not describe any visual effect but it is used by screen readers.

Usage: It is used in <th> and <td> tag.

abbr attribute in <th> tag:

Syntax:

<th abbr="text">

 

Attribute values:

  • text: It contains the short description of header cell content.

Example 1: The following code shows how to use the abbr attribute in the header cell.

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>

Output:                      

abbr attribute in <td> tag:

Syntax:

<td abbr="text">

Attribute values:

  • text: It contains a short description of column cell content.

Example 2: The following code shows how to use the abbr attribute in the column cell.

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>

Output:                   

Supported Browsers: The browser supported by HTML abbr attribute are listed below.

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!