.
HTML5 Quick Tutorial
This is a simplified version of the original article.
1. Introduction to HTML5
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current version of the HTML standard.
It was published in October 2014 by the World Wide Web Consortium (W3C) to improve the language with support for the latest multimedia, while keeping it both easily readable by humans and consistently understood by computers and devices such as web browsers, parsers, etc. HTML5 is intended to subsume not only HTML 4, but also XHTML 1 and DOM Level 2 HTML.
HTML5 includes detailed processing models to encourage more interoperable implementations; it extends, improves and rationalizes the markup available for documents, and introduces markup and application programming interfaces (APIs) for complex web applications. For the same reasons, HTML5 is also a candidate for cross-platform mobile applications, because it includes features designed with low-powered devices in mind.
It was published in October 2014 by the World Wide Web Consortium (W3C) to improve the language with support for the latest multimedia, while keeping it both easily readable by humans and consistently understood by computers and devices such as web browsers, parsers, etc. HTML5 is intended to subsume not only HTML 4, but also XHTML 1 and DOM Level 2 HTML.
HTML5 includes detailed processing models to encourage more interoperable implementations; it extends, improves and rationalizes the markup available for documents, and introduces markup and application programming interfaces (APIs) for complex web applications. For the same reasons, HTML5 is also a candidate for cross-platform mobile applications, because it includes features designed with low-powered devices in mind.
Further readings:
2. HTML5 Example
<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title>Title of the document</title> </head> <body> Content of the document...... </body> </html> |
2. New HTML5 Elements
The most interesting new HTML5 elements are:
New semantic elements like <header>, <footer>, <article>, and <section>.
New attributes of form elements like number, date, time, calendar, and range.
New graphic elements: <svg> and <canvas>.
New multimedia elements: <audio> and <video>.
3. New HTML5 API's (Application Programming Interfaces)
The most interesting new API's in HTML5 are:
- HTML Geolocation
- HTML Drag and Drop
- HTML Local Storage
- HTML Application Cache
- HTML Web Workers
- HTML SSE
4. Removed Elements in HTML5
The following HTML4 elements have been removed in HTML5:
:
Removed Element
|
Use Instead
|
<acronym>
|
<abbr>
|
<applet>
|
<object>
|
<basefont>
|
CSS
|
<big>
|
CSS
|
<center>
|
CSS
|
<dir>
|
<ul>
|
<font>
|
CSS
|
<frame>
| |
<frameset>
| |
<noframes>
| |
<strike>
|
CSS, <s>, or <del>
|
<tt>
|
CSS
|
Further Readings
HTML5HTML GraphicsHTML MediaHTML APIs |
201410
No comments:
Post a Comment