X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML5 Introduction


HTML5 is The Latest HTML Standard

What is New?

  • New Elements
  • New Attributes
  • Full CSS3 Support
  • Video and Audio
  • 2D/3D Graphics
  • Local Storage
  • Web Applications


HTML5 Examples in Every Chapter

Example

<!DOCTYPE html>
<html>
<body>

<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Your browser does not support the video tag.
</video>

</body>
</html>

Try it Yourself »

Click on the "Try it yourself" button to see how it works


What is HTML5?

HTML5 is the latest standard for HTML.

HTML5 was specially designed to deliver rich web content without the need for additional plugins.

HTML5 has new semantic, graphics, and multimedia elements.

HTML5 also has new form elements and new API's to make it easier to build web applications.

HTML5 is cross-platform, designed to work on types of hardware (PCs, Tablets, Phones, TVs, etc.).

Note In the next chapter you will learn how to "teach" old browsers to handle HTML5.


What is New in HTML5?

The new DOCTYPE declaration for HTML5 is very simple:

<!DOCTYPE html>

The new character encoding (charset) declaration is also very simple:

<meta charset="UTF-8">

HTML5 Example:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>

Note The default character encoding in HTML5 is UTF-8.


HTML5 - New Attribute Syntax

The HTML5 standard allows 4 different syntaxes for attributes.

This example demonstrates the different syntaxes used in an <input> tag:

Type Example
Empty <input type="text" value="John Doe" disabled>
Unquoted <input type="text" value=John Doe>
Double-quoted <input type="text" value="John Doe">
Single-quoted <input type="text" value='John Doe'>

In the HTML5 standard, all 4 syntaxes may be used, depending on what is needed for the attribute.


HTML5 - New Features

Some of the most interesting new features of HTML5 are:

  • New semantic elements like <header>, <footer>, <article>, and <section>.
  • New form controls, like number, date, time, calendar, and range.
  • Strong support for graphics with <canvas> and <svg>.
  • Strong support for multimedia with <video> and <audio>.
  • Powerful new APIs, like local storage replacement for cookies.

HTML5 - Removed Elements

The following HTML 4.01 elements has been removed from HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook