Latest Post

Saturday, 17 December 2016

What is New in HTML5

What is HTML5
HTML5 is extended or next revision of HTML standard  for structuring and presenting content on the World Wide Web.
HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).
Why use HTML5

  • It has advance features that makes easy and interactive for users.
  • It allows to play a video and audio file that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears..
  • It allows to draw on a canvas.
  • It facilitate you to design better forms and build web applications that work offline.
  • HTML5 has cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

HTML5 Browser Support
HTML5 is supported in all latest browsers


What is New in HTML5 OR you can say New features in HTML5

  1. New Semantic Elements :- These are like <header>, <article>, <section> and <footer>
  2. Server-Sent Events :− HTML5 introduces events which flow from web server to the web browsers and they are called Server-Sent Events (SSE).
  3. INPUT TYPES:- HTML5 defines over a dozen new input types that you can use in your forms.
  4. CANVAS:− HTML5 defines a set of functions (“the canvas API”) for drawing shapes, defining paths, creating gradients, and applying transformations.
  5. Audio & Video: − HTML5 defines Audio & Video for embed audio or video in your web pages.
  6. LOCAL STORAGE: HTML5 storage provides a way for web sites to store information on your computer and retrieve it later
  7. WEB WORKERS:- Web Workers provide a standard way for browsers to run JavaScript in the background.
  8. GEOLOCATION:- Geolocation is the art of figuring out where you are in the world and (optionally) sharing that information with people you trust

 HTML5 Example

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>HTML5 Template</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div id="wrapper">
        <header>
            <hgroup>
                <h1>HTML5 Template</h1>
                <h3>Pretty standard template</h3>
            </hgroup>
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About HTML5</a></li>
                </ul>
            </nav>
        </header>
        <section>
        </section>
        <footer>
            <div class="footer_navigation">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About HTML5</a></li>
                </ul>
            </div>
            <hgroup>
                <h3>By Alok Singh</h3>
                <h4>from Delhi, India</h4>
            </hgroup>
            <address>
<a href="#">Email Me</a>
</address>
        </footer>
</body>

</html>

Government Jobs