Why does HTML 5 attract web developers

I have been working with HTML 5 from its starting days and Here I’ll discuss that why does I like it and several features of the HTML 5 that make easier to write the web page.

– You can decrease the content size with HTML 5 and can write more clear content that is much easier to understand. Can you write the DOCTYPE in the old html? May be you will face the problem to write or you can copy form somewhere.

See yourself the declaration of the DOCTYPE in both:

In previous HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML 5 allows us to write the document type by just writing:

<!DOCTYPE html>

Why does HTML 5 attract web developers — HTML 5

– Next, the declaration of the type encoding is a bit easier to write and use in HTML 5

<meta charset="utf-8">

– Additionally you can use the <script> and <style> section with out specify the type attribute. This also allows to write easier the document. you can just write <style> instead of writing <style type=”text/css”> and <script> instead of <script type=”text/javascript”>.

– There are many other new elements, such as <section>, <article>, <header> <aside> and <nav>, are designed to enrich the semantic content of documents. HTML5 allows you to write clear and easy to read code,you can see in the following code samples:

Let’s consider the old html style to write the code

<div id="header">
 <h1>Header Text</h1>
 <div id="nav">
  <ul>
   <li><a href="#">LinkA</a></li>
   <li><a href="#">LinkB</a></li>
  </ul>
 </div>
</div>
<div id="content">
    <p>Welcome to authorcode</p>
</div>
<div id="footer">	
  <p>Authorcode</p>
</div>

Now check the following code. You can easily read and understand the content.

<header>
 <h1>Header Text</h1>
 <nav>
  <ul>
   <li><a href="#">LinkA</a></li>
   <li><a href="#">LinkB</a></li>
  </ul>
 </nav>
</header> 
 
<article> 
    <p>Welcome to authorcode</p>
</article>
<footer>
    <p>Authorcode</p>
</footer>

– When you want to implement audio and videos in your web page, the HTML 5 gives you relief from using the <embed> and <object> tags with the big list of parameters to working correctly. You can use just the <audio> and <video> tag.

– You can also draw the 2D shapes and bitmap images on the new <canvas> element that can be handled by JavaScript. So that you can build the dynamic graphs and create the animation and games on the canvas element.

– Today’s browsers supports the mostly HTML5 related APIs that can be used with JavaScript including the Canvas 2D API, Microdata, Web Storage,Document editing,Timed media playback,Drag-and-drop, Cross-document messaging and Browser history management.