The best HTML5 Tutorials Tutorial In 2024, In this tutorial you can learn What is HTML5?,HTML5 is how to start?,HTML5 <! DOCTYPE>,Minimal HTML5 document,Improved HTML5,HTML5 Multimedia,HTML5 Application,HTML5 graphics,Use HTML5 CSS3,Semantic elements,HTML5 Forms,Removed elements,Examples of each chapter,Examples,HTML5 Browser Support,HTML5 Reference Manual,
HTML5 is the latest HTML revision in October 2014 by the World Wide Web Consortium (W3C) standards completed.
HTML5 is designed to support multimedia on mobile devices.
HTML5 easy to learn.
HTML5 is the next generation of HTML standard.
HTML, the previous version of HTML 4.01 was born in 1999. Since then, Web world has undergone a sea change.
HTML5 is still in its perfected. However, most modern browsers already have some HTML5 support.
W3C and WHATWG HTML5 is the result of cooperation, WHATWG means Web Hypertext Application Technology Working Group. .
WHATWG dedicated web forms and applications, and W3C focused on XHTML 2.0. In 2006, the two sides decided to cooperate to create a new version of HTML.
HTML5 some interesting new features:
<! Doctype> declaration must be in the first line of the document HTML5, very simple to use:
Here is a simple HTML5 document:
Note: For Chinese web pages need to use <meta charset = "utf-8 "> statement, otherwise it will be garbled.
You can simply use HTML5 video playback (video) and audio (audio) in the page.
You can simply use HTML5 application development
Use HTML5 you can simply draw graphics:
Learn more CSS3 information please see the site of CSS3 tutorials.
HTML5 adds a lot of semantic elements are as follows:
label | description |
---|---|
<Article> | Define separate page content area. |
<Aside> | Define sidebar content pages. |
<Bdi> | It allows you to set a piece of text, text direction away from the parent element settings. |
<Command> | Custom Command buttons - such as radio buttons, check boxes or buttons |
<Details> | Details of the document or a section for |
<Dialog> | Customize dialog box, such as balloons |
<Summary> | The title tag contains details of elements |
<Figure> | Separate provisions streaming content (images, graphics, photographs, code, etc.). |
<Figcaption> | Definition of <figure> element title |
<Footer> | Defined section or document footer. |
<Header> | It defines the head area of the document |
<Mark> | Defined text with the mark. |
<Meter> | Definition of weights and measures. Known only used to measure the maximum and minimum values. |
<Nav> | Define navigation links section. |
<Progress> | Defined schedule any type of task. |
<Ruby> | Definition of ruby annotation (Chinese phonetic or characters). |
<Rt> | Defined characters (Chinese phonetic or character) interpretation or pronunciation. |
<Rp> | In ruby annotation is used to define the content does not support the ruby element browser displayed. |
<Section> | The definition of the document section (section, section). |
<Time> | Define the date or time. |
<Wbr> | Provisions in the text where appropriate to add a line break. |
New form elements, new attributes, new input types, automatic verification.
The following HTML 4.01 elements in HTML5 has been deleted:
Through our HTML editor, you can edit the HTML, then click the button to see the results.
Click the "Try" button to view the results online operation.
The latest version of Safari, Chrome, Firefox and Opera support some HTML5 features. Internet Explorer 9 will support some HTML5 features.
IE9 browser compatible versions of the following methods of HTML5, html5shiv package use the site to static resources:
After loading, the initialization of the new label CSS:
In this site you can find the HTML5 tags and attributes described in detail please click HTML5 Reference Manual .