Draac.Com - Building A Better Internet

QuickLinks - What Are These ? DraacMail Web Tools - Resources The Board Home - Draac.Com
 Draac.com Homepage
 More Resources
Let's Talk HTML!

Learn HTML 5 - HTML5 Tutorial

Hypertext Markup Language HTML 5 uses the combined technologies of HTML 4.01, DOC Level 2 HTML, and XHTML to generate web pages. The new language is designed to reduce dependency on proprietary RIA technologies for the generation of animated pictures such as Adobe Flash, Sun JavaFX, and Microsoft Silverlight. The perception of a new HTML was designed in 2004 by Web Hypertext Application Technology Working Group (WHATWG) and World Wide Web Consortium (W3C). The revised version of HTML is in use now but work on HTML 5 has yet to be completed.

 

Major Changes

There are two major changes in HTML5. Firstly, there is the introduction of standard tags such as < audio >, < Video >, and < canvas > for depicting animation and drawing. Secondly, there’s the dropping of tags such as < font > and < Centers >. Both these tags are now managed by CSS. The new features of HTML 5 were designed to incorporate the features of DOM, CSS, and JavaScript in HTML. Further, an error handling methodology has been designed to provide higher flexibility. The new features will allow the use of more mark ups, rather than scripts, and the complete language will be an independent structure that will be visible to the user. In this way, the user can do modifications at any level with ease.

 

New Developments

Here are some of the major features added in HTML 5.

  • Audio and video tags have been introduced to add audio and video files to a page.
  • Canvas has been introduced to help in designing various shapes and different methodologies are provided for drawing pictures.
  • HTML 5 uses new methods for data storage called localStorage and sessionStorage. The method of sending each request to the server has been dropped. To reduce load on the page, an improved support for storage has been introduced at the local level through localStorage.
  • The new elements include article, nav, header, footer, and section for formatting documents.
  • The form controls such as date, time, calendar, URL, email, and search tags have been added.
  • The new version will partially be supported by browsers like Chrome, Safari, Opera, and Firefox, and fully supported by Internet Explorer 9.

 

New Elements

Some new elements have been added in HTML 5 that provides better support for drawing, images, audio, and video files. New form elements have been added and new input elements are supported by the new version. For formatting a text in a page, header and footer tags have been introduced. There are other options for supporting Chinese characters such as and < rt >. To record time and date, a new tag < time > can be used. Some new elements are designed to differentiate between user and author such as isindex or plaintext.

Here are some of the new elements of HTML 5. 

  • article- It’s used for adding external content from external sources such as a blog or forum.
  • Figure- It can be used for grouping some stand alone content.
  • Footer- User can add the date on which a document is compiled, the copyright info, the contact info, and the name of author of a document in the footer.
  • Header- The introduction or the navigation can be added in the header.
  • Time- To show time or date, or both.
  • Wbr- To provide a word break.
  • Meter- For measurement.
  • Mark- To highlight certain texts.

Media elements

  • Audio- For multimedia elements such as music or audio streams.
  • Video- To add a movie or video.
  • Embed- To view a plug in.
  • Script- For making graphics using script.

Form elements

  • Command- For adding radio button or check box or button.
  • Datalist- The user can add an option list for the input.
  • Keygen- Key/identity for a user.

Deprecated Tags

HTML 5 is still in the developmental phase and some attributes have been added to make it simple for the user to author content. Some of the tags in prior version have been modified and a number of elements and attributes have been removed from HTML 5. Most of the presentation elements have been deprecated because presentation of a web page can be handled in CSS. Frames have been removed because it created presentation problems with different browsers. Some tags were obsolete and rarely used so they have been removed and replaced with better options. The elements which have been removed from HTML 5 are

  • Basefont
  • Big
  • Font
  • Tt
  • Strike
  • U
  • Frame
  • Frameset
  • No frames
  • Acronym
  • Aplet
  • Isindex
  • dir
  • Center

HTML5 has support for global tags and APIs. APIs are required for creating web applications. API can be used for audio or video, and it also supports offline web application. The drag and drop features has been introduced with the “dragable” attribute. The HTMLDocument interface has been added, which enables the user to use classes and objects. For navigation, “allow-top-navigation” has been added which allows the user to navigate embedded content. HTML 5 provides an easy to write script language that can be used for designing an interactive webpage. It’s independent of Third Party web tools.

Check these links to find more information on HTML 5 and HTML5 tutorial.

  • HTML5: W3C provides comprehensive information on HTML5.
  • Demos & Examples: Lots of HTML5 demos and examples.
  • HTML5 Revisited: The page has links to HTML5 information.
  • Validator: A tool to validate HTML5 language.
  • Tag Reference: A list of tag reference for HTML5.
  • HTML5 Rocks: Check out the Interactive Presentation, Code Playground, Sample Studio, and tutorials.
  • Apple: HTML5 resources for Apple.
  • More HTML5: Plenty of materials on HTML5.
  • HTML5 Test: Find out how well a browser supports HTML5.
  • HTML5 Doctor: Come to the doctor if you have a question.
  • Gallery: Showcases web pages with HTML5 markup.
  • Elements & Attributes: A list of HTML5 elements and attributes.
  • Features: There are 28 features, tips, and techniques for HTML5 here.
  • Preview: A simple preview of HTML5.
  • Tutorial: Covers many aspects of HTML5 usage.
  • Getting Started: A good place to begin learning about HTML5.
  • Canvas Tutorial: Learn how to use this HTML5 element to draw graphics.
  • Video Tutorial: View this video to learn how to use HTML5.
  • HTML5 Tutorials: A series of tutorials to help you master the language.
  • HTML5 Video: Step-by-step tutorial on processing and publishing video in open format.
  • More HTML5 Video: Learn how to embed video using HTML5 video tag.
  • Overview: The page provides general information on HTML5.
  • HTML5 vs. Flash: Come here to see the surprising results.
  • New Elements: IBM lists the new elements of HTML5.

ValueWeb Banner
Draac.Com Is Hosted By ValueWeb

Register UK domain names at Domain Names UK

| Advertise | Link To Us | Status/Updates | Privacy Statement |
| Copyright 1999-2003 Draac.Com All Rights Reserved. |