Categories

Your Name :
Your Email :
Your Message :
Security Code :
  

 

FIVE TAGS IN HTML THAT ARE WRONGLY USED

Print PDF

Website Design

Misused HTML tagsPeople started using HTML after 1995 for creating websites. With time, there have been newer technologies coming up and this has in fact changed the way HTML tags could be used. This article is aimed at conveying that the simplest tags are being misused so much so when there is an alternative. HTML was being used to decorate a page and also add content to it. With the introduction of Cascading Style Sheets (CSS), the styles are completely taken care of it and fewer HTML tags can be used to make better pages. The 5 HTML tags who’s uses have tremendously changed are:

  1. <small> and <big>
  2. <table>
  3. <frame>
  4. <font>
  5. <imagemaps>

Now let us see each tag in detail and how it is being misused.

  1. <small> and <big>
    The small and big tags are misused to set the font size. They are comparative tags and should not be used to set the font size. There is always a question which arises when these tags are used. How small is the small tag and How big is the big tag. Generally these tags are not used to set the size of the font. Further <b> and <i> tags are visual tags. Instead of using these tags, <strong> and <em> tag can be used. When these tags are used, the advantage is that it works in all browsers and also they are logical tags. So people can know that these tags are used to emphasize upon some point.
  2. <table>
    This tag is one of the most misused tag while designing web pages. A table tag is simply used to show data in the form of tables. This tag is misused to represent data in an order that the designer wants. Previously, when CSS was not available, laying out the websites was a hectic task and hence web designers used the <table> tag because it was an easy way to the solution. However this was never the semantic meaning of this tag. Further, a lot of space is wasted in the web page if this tag is used for layout.
  3. <frame>
    This tag is in general used to split the given webpage into different areas which can run on their own. This is generally used for those parts of the page which remain the same for almost the entire website. So when a new page is clicked, this part of the page remains the same. This makes effective use of the bandwidth of the user. But the disadvantage is that whenever a search engine searches for some data and if it’s available in a particular frame and if a different frame is loaded, it frustrates the end user. The reliability factor for frames is quite less.
  4. <font>
    The font tag is generally used for expressing a given content in an attractive way. Having said this, the font tag has only 3 attributes namely: Type of font, size of font and color of font. No other styles can be added to this. Hence the use of the font tag is becoming less and experts are using CSS to describe the style of the text.
  5. <imagemaps>
    This tag is supposed to be the most confusing tags in the end users perspective. The <imagemaps> is basically a linking tag where different parts of the image can be clicked to go to different links. It might look appealing but considering a first time user who goes to the website, he / she might not know where to click and which part of the image will take the person where. If the user’s internet bandwidth is less and the picture could not be loaded, it makes things all the more worse. Hence this tag should be used only at places where the image is self-explanatory, maps for example.

Comments (3)Add Comment
0
Flo - Web Design
May 05, 2010
115.70.43.167
Votes: +1
...

I can probably add to that list. You should also rather use the tag vs. the tag as it has more SEO relevance...

0
Surge
October 17, 2010
209.161.163.242
Votes: +0
...

Thanks for the information, it is always good to keep updated on usage.

0
Web Design
January 07, 2011
75.49.239.70
Votes: +0
...

Thanks for the info, there are some good reminders here.

Write comment
 
  smaller | bigger
 

security image
Write the displayed characters


busy

http://www.inowweb.com/images/stories/downloads.png

Our Process | Request Quote | Web Design | Web Development Service | Internet Marketing | ecommerce | Graphic Design
Search Engine Optimization (SEO) | Flash Design | Portfolio | FAQs | Contact Us | SiteMap | xml SiteMap

<p align="center">Copyright © 2010 iNowWeb Web Design Company. All Rights Reserved.<br><a href="/terms-a-conditions" mce_href="/terms-a-conditions" title="terms &amp; conditions">Terms &amp; Conditions</a> | <a href="/privacy-policy" mce_href="/privacy-policy" title="Privacy Policy">Privacy Policy</a><br mce_bogus="1"></p><p align="center"><a href="http://validator.w3.org/check?uri=http://www.inowweb.com" mce_href="http://validator.w3.org/check?uri=http://www.inowweb.com" target="_blank" rel="nofollow"><img src="/images/stories/xhtml.png" mce_src="/images/stories/xhtml.png" alt="XHTML" title="XHTML" border="0"></a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.inowweb.com" mce_href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.inowweb.com" target="_blank" rel="nofollow"><img src="/images/stories/css.png" mce_src="/images/stories/css.png" alt="CSS" title="CSS" border="0"></a>    </p><p><input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden"></p><div id="refHTML"></div>


<div align="left">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We service but are not  limited to servicing the following cities:<br>
            <mce:style><!--
                .sometable td {padding-right:5px;}
            
--></mce:style><mce:style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></mce:style><mce:style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></mce:style><mce:style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></mce:style><mce:style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></mce:style><mce:style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></mce:style><mce:style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></mce:style><mce:style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></mce:style><mce:style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></mce:style><style mce_bogus="1"><!--
                .sometable td {padding-right:5px;}
--></style>
            <table class="sometable mceItemTable" align="center" cellpadding="0" cellspacing="7">
                <tbody><tr>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">Albuquerque<br>
                    Allentown<br>

                    Arlington <br>
                    Atlanta <br>
                    Austin <br>
                  Baltimore<br>
                  Canada</td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">Bridgeport <br>
                    Boston <br>

                    Charlotte <br>
                    Chicago<br>
                    Cleveland <br>
                  Colorado Springs<br>
                  United Kingdom<br></td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">Columbus <br>
                    Dallas <br>

                    Deleware <br>
                    Dover <br>
                    Denver <br>
                  Detroit<br>
                  australia</td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">El Paso <br>
                    Fort Worth<br>

                    Fresno <br>
                    Frisco<br>
                    Grand Prairie <br>
                  Grapevine<br>
                  India</td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">Harrisburg <br>
                    Honolulu <br>

                    Houston <br>
                    Indianapolis <br>
                    Jacksonville <br>
                  Jersey City<br>
                  Brazil</td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top"> Kansas City <br>
                    Las Vegas <br>

                    Lewisville<br>
                    Long Beach <br>
                    Los Angeles <br>
                  Louisville<br>
                  Spain</td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top"> Mansfield <br>
                    Memphis <br>

                    Mesa<br>
                    Miami <br>
                    Milwaukee<br>
                  Minneapolis<br>
                  Italy</td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">Nashville <br>
                    New Orleans <br>

                    Newport<br>
                    New York <br>
                    Newark <br>
                  Oakland<br>
                  Egypt </td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">Oklahoma City <br>
                    Omaha <br>

                    Orlando<br>
                    Panama City<br>
                    Pennsylvania<br>
                  Philadelphia<br>
                  UAE</td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">Phoenix <br>
                    Plano <br>

                    Portland <br>
                    Sacramento <br>
                    St. Louis <br>
                  Stamford</td>
                  <td style="border-right: 1px solid rgb(153, 153, 153); line-height: 14px;" mce_style="border-right: 1px solid #999999; line-height: 14px;" valign="top">San Antonio<br>
                    San Diego <br>

                    San Francisco <br>
                    San Jose <br>
                    Southlake <br>
                  Seattle</td>
                  <td style="line-height: 14px;" mce_style="line-height: 14px;" valign="top">Tucson <br>
                    Tulsa <br>

                    Trenton <br>
                    Virginia Beach <br>
                    Washington <br>
                  Wichita</td>
                </tr>
              </tbody></table>
            <br>
</div><p><input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden"></p><div id="refHTML"></div><p><input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden"></p><div id="refHTML"></div><p><input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden"></p><div id="refHTML"></div><p><input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden"></p><div id="refHTML"></div>

Copyright © 2011 iNowWeb Web Design Company. All Rights Reserved.
Terms & Conditions | Privacy Policy

XHTML CSS