Html5 Basic Tutorial Features Tags For Website Design



HTML5 is the next phase of web development language that combines HTML and XHTML. It defines a single language that can be written in HTML and XML. Like it’s predecessors, HTML 4.01 and XHTML 1.1, HTML5 is a standard for structuring and presenting content on the World Wide Web.

The new version supports video playback and drag-and-drop which earlier was dependent on third party plugins like Adobe Flash or Microsoft Silverlight. This means you can watch videos on youtube without the need for downloading Adobe Flash Player and will never be prompted to download the same.

HTML 5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.

Some of the new features in HTML 5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML 5 also contains new elements like <nav>, <header>, <footer>, and <figure>.

The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and many hundreds of other vendors.
Here’s a list of all the new tags that web developers interested in HTML5 might want to know :

1. <article> - Defines an article.
2. <aside> - Defines content aside from the page content.
3. <audio> - Defines sound content.
4. <canvas> - Defines graphics.
5. <command> - Defines a command button.
6. <datalist> - Defines a dropdown list.
7. <details> - Defines details of an element.
8. <embed> - Defines external interactive content or plugin.
9. <figcaption> - Defines the caption of a figure element.
10. <figure> - Defines a group of media content and their caption.
11. <footer> – Defines a footer for a section or a page.
12. <header> - Defines a header for a section or page.
13. <hgroup> - Defines information about a section in a document.
14. <keygen> - Defines a generated key in a form.
15. <mark> - Defines a marked text.
16. <meter> - Defines measurement within a predefined range.
17. <nav> - Define navigation links.
18. <output> - Defines some kind of output.
19. <progress> - Deines progress of a task of any kind.
20. <section> - Defines a section.
21. <source> - Defines media resources.
22. <summary> - Deines the header of a “detail” element.
23. <time> - Defines a time/date.
24. <video> - Defines a video.
25. <rp> - Used in ruby annotations to define what to show browsers that to not support the ruby element.
 
Top