[HTML5] What’s New in HTML5?

Just like other new standards, HTML5 promises a lot. But what’s the buzz of all about this? Remember that HTML5 should be understood as a set of technologies rather than just a group of tags. HTML5 works with CSS3 and JavaScript by default and provides intrinsic support of media. Let’s summarize the big features of HTML5.

 

1. Document Structure

New structure tags help you construct the structure of a web page semantically. Please refer to my post.

 

2. Media

The <audio> and <video> tags are used to play media files inside the browser without plug-ins.

 

3. Forms

HTML5 provides new input elements and helps you verify your input values.

 

4.  CSS3

Now, CSS is the default stylesheet for HTML.

<head>
<!-- HTML4 -->
<link type="text/css" rel="stylesheet" href="main4.css" />
<!-- HTML5 -->
<link rel="stylesheet" href="main5.css" />
</head>

In the <link> tag, you do not need to specify the “type” attribute any more.

 

5. JavaScript

JavaScript becomes the default scripting language for HTML.

 <!-- HTML4 -->
<script type="text/javascript" src="default.js"></script>
<!-- HTML5 -->
<script src="default.js"></script>

Use <script> tag without any attributes.

 

6. APIs

By using JavaScript APIs and HTML5’s new elements, you can do a lot more things in clients.

  • Canvas: You can draw texts, lines, circles, and images right into your web page without using plug-ins such as “Flash”.
  • Offline Web Applications: What about the offline access to the Web?
  • Drag-and-drop:
  • Web Storage: You can save a bit of small data such as preferences, or shopping cart items. It is browser-based and not cookies.
  • Geolocation: You can make your pages location-aware to know where user are.
  • Web Workers: You can run several scripts concurrently in the background, so your UI remains responsive.
  • File API: handles file uploads and file manipulation
  • Indexed DB: an indexed hierarchical key-value store (formerly known as WebSimpleDB)
  • Microdata: nests metadata within existing content on web pages. Search engines, web crawlers, and browsers can extract Microdata and use it to provide a richer browsing experience for users.
  • Web Sockets: provides full-duplex communications channels over a single TCP connection

You can use http://caniuse.com/ to check which browser supports which feature.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s