Skip to main content

The Elements and Attributes You Should Avoid in HTML5

Elements you should avoid:

After the introduction of several new elements in HTML5, it is now time to talk about what you should be avoiding in HTML5.

Ever since CSS was invented, web developers have been always told to segregate design from content. Let CSS take care of the styles and HTML take care the structure and content of your page.

In HTML5, the life of the following elements have come to an end. They have no role to play because CSS has grabbed it all:

  • <basefont>
  • <big>
  • <center>
  • <font>
  • <strike>
  • <tt>
  • <u>

The following elements have nothing to do with styling but they are simply the bad guys in HTML coding because they have been blamed of “damaging” usability and accessibility:

  • <frame>
  • <frameset>
  • <noframes>

The following elements are not included in HTML5 because they have not been used often, created confusion, or their function can be handled by other elements:

  • <acronym> is gone, use <abbr> instead for abbreviations.
  • <applet> has been obsoleted in favor of object.
  • <isindex> usage can be replaced by usage of form controls.
  • <dir> has been obsoleted in favor of <ul>.
  • Finally the <noscript> element is only conforming in the HTML syntax. It is not included in the XML syntax as its usage relies on an HTML parser.

If you still insist on using these elements, you web page will not blow, and yet, the web browser will still be supporting it. However, the cost of doing this is – your page will not pass  HTML5 validation!

Attributes you should avoid:

In HTML5, none of the attributes should be used for styling purposes. The rule of the thumb is, styling should be taken care of by CSS.

What I mean by  “styling” is, attributes such as font size, color, border, and font family, etc. i.e. whatever is used for presentational purposes.

In the table below are listed the attributes that you should avoid using:

AttributesElements
aligncaption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead and tr.
alink, link, text and vlinkbody
backgroundbody
bgcolortable, tr, td, th and body
bordertable and object
cellpadding and cellspacingtable
char and charoffcol, colgroup, tbody, td, tfoot, th, thead and tr
clearbr
compactdl, menu, ol and ul
frametable
frameborderiframe
heighttd and th
hspace and vspaceimg and object
marginheight and marginwidthiframe
noshadehr
nowraptd and th
rulestable
scrollingiframe
sizehr
typeli, ol and ul
Raghavendra Hegde

Raghavendra Hegde

Raghavendra Hegde works as Sr. Web Developer with Trigent Software. He comes with over 8+ years of experience in both web and mobile application designing (UI and UX) & development along with expertise in responsive design applications. He has worked on several web development languages such as HTML/HTML5, CSS/CSS3, Bootstrap and jQuery, etc. and Graphic design applications such as Adobe Photoshop, CorelDraw and Adobe Illustrator. Working closely with the marketing function, Raghavendra has been recognised for his knowledge of Google Analytics, social media and digital marketing.