Posted on Monday, April 20th, 2009 at 3:23 pm.
With the impending roll-out of HTML 5, I believe it is important for all web designers to become accustomed with the tags & elements that will be appearing, but most importantly the tags & elements that are no longer supported. After coming across this page regarding HTML 5 tags on the W3 Schools web-site, I thought best to summarise the additions and casualties of the developing HTML 5.
Most of the tags being discontinued are tags that can be easily and more suitably replaced with CSS styles. Other more complex elements like frames will be discontinued as HTML 5 rolls out. I still occasionally use elements like <strike>, <u> and <center>. To ensure that I make my web sites ‘future proof’ and to ensure that I can focus on the new tags, I’m ensuring that I stop using the ’soon to be discontinued’ tags as soon as possible.
Tags Being Discontinued in HTML 5 |
New Tags to appear in HTML 5 |
||
| <acronym> | Defines an acronym for example ‘WWW’ | <article> | Defines an article |
| <applet> | Defines an applet | <aside> | Defines content aside from the page content |
| <basefont> | Tag for defining the base font. CSS replaces this tag. | <audio> | Defines sound content |
| <big> | Defines bigger text, however <small> is remaining in HTML 5. | <canvas> | Define graphics |
| <center> | Defines centered text, images and other elements. | <command> | Defines a command button |
| <dir> | Defines a directory list | <datagrid> | Defines data in a tree-list |
| <font> | The traditional pre-CSS tag for text font, size, and color | <datalist> | Defines a dropdown list |
| <frame> | Defines a sub window (a frame) | <datatemplate> | Defines a data template |
| <frameset> | Defines a set of frames | <details> | Defines details of an element |
| <isindex> | Defines a single-line input field | <dialog> | Defines a dialog (conversation) |
| <noframes> | Defines a noframe section | <embed> | Defines external interactive content or plugin |
| <s> | Defines strikethrough text (Short Version) | <event-source> | Defines a target for events sent by a server |
| <strike> | Defines strikethrough text (Long Version) | <figure> | Defines a group of media content, and their caption |
| <tt> | Defines teletype text | <footer> | Defines a footer for a section or page |
| <u> | Defines underlined text, this again would now be done in CSS | <header> | Defines a header for a section or page |
| <xmp> | Defines preformatted text | <mark> | Defines marked text |
| <meter> | Defines measurement within a predefined range | ||
| <nav> | Defines navigation links | ||
| <nest> | Defines a nestingpoint in a datatemplate | ||
| <output> | Defines some types of output | ||
| <progress> | Defines progress of a task of any kind | ||
| <rule> | Defines the rules for updating a template | ||
| <section> | Defines a section | ||
| <source> | Defines media resources | ||
| <time> | Defines a date/time | ||
| <video> | Defines a video | ||
External Related Resources
- HTML 5 on W3
- HTML 5 on Wikipedia
- Data partially sourced from W3 Schools.
Channel
on April 20th, 2009 Says:
I don’t see why they are getting rid of <u>. I think that is much better than creating a style for underlined text.
I am not sure about some of these new ones either. They seem like bloat. For example there was a <menu> element that got depreciated and now they are bringing out a nav element.
on April 21st, 2009 Says:
David, I totally agree, I don’t quite understand what tags like ‘header’, ‘footer’, ‘nav’ etc are supposed to do other than being something to wrap around coding for the sake of it? Perhaps as bodies like Google and other search engines are envolved in developing HTML 5, the extra tags are to help seperate and distinguish information on the page?