Home > Front End Development, HTML > 10 HTML Tags that are Overlooked but Should be Used.

10 HTML Tags that are Overlooked but Should be Used.

May 24th, 2009


With the popularity of CSS, the Div tag has been painfully overused. Here is a list of HTML tags that will help you use HTML the way it was intended.

<abbr>

This HTML tag defines an abbreviated phrase.

1
The <abbr title="Abbreviation">Abbr.</abbr> HTML tag gives the full definition of abbreviated text.

 

<acronym>

This HTML tag defines an acronym. The difference between an acronym and an abbreviation is that it can be spoken as if it was a word.

1
Can I get this <acronym title="as soon as possible">ASAP</acronym>?

 

<address>

This HTML tag defines user contact information

1
2
3
4
5
<address>
    <a href="mailto:us@example.org">Email us</a><br />
    Address: Box 564, NoWheresville<br />
    Phone: 123-555-1234
</address>

 

<base>

This HTML tag specifies the default target for links or default address.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
    <!-- default address for images -->
    <base href="http://www.example.com/images/" />
   
    <!-- default target for links -->
    <base target="_blank" />
</head>

<body>
    <!--Actual address is http://www.example.com/images/logo.gif -->
    <img src="logo.gif" />
   
    <!-- Target for link will be _blank -->
    <a href="http://www.example.com">Link</a>
</body>

 

<blockquote>

This HTML tag defines a long quotation.

1
2
3
4
5
6
<blockquote>
    Lorem ipsum dolor sit amet,
    consectetur adipiscing elit.
    Morbi pellentesque vehicula porttitor.
    Nam turpis ante, volutpat id blandit eget.
</blockquote>

 

<cite>

This HTML tag defines a citation.

1
<cite>This is a citation.</cite>

 

<del>

This HTML tag defines deleted text, default style is a strike through.

1
<del>This text is no longer relevant.</del>

 

<fieldset>

This HTML tag defines a border around elements in a form.

1
2
3
4
5
6
<form>
    <fieldset>
        Name: <input type="text" size="30" /><br />
        <p><input type="submit" value="Submit"></p>
    </fieldset>
</form>

 

<ins>

This HTML tag defines newly added content.The default style is an underline.

1
<ins>Recently updated content</ins>

 

<legend>

This HTML tag defines a caption for a form’s fieldset.

1
2
3
4
5
6
7
<form>
    <fieldset>
        <legend>This is a caption</legend>
        Name: <input type="text" size="30" /><br />
        <p><input type="submit" value="Submit"></p>
    </fieldset>
</form>

 

Hopefully these will help. Using the proper tags for the proper content makes sense of your content, and you can style them just as well as a Div. Start using these and make the web a more beautiful place for developers.

For a full list of HTML elements visit w3School’s list of HTML tags.

Author:
Categories: Front End Development, HTML
Tags: ,



Top