5 HTML5 Features you need to know May 29th, 2013

  1. DNS Prefetching to speed page loads <link rel=”dns-prefetch” href=”//fonts.googleapis.com”>
  2. Link Prefetching to speed subsequent page loads on your site <link rel=”prefetch” href=”http://daker.me/2013/05/hello-world.html” /> or for even faster loads use <link rel=”prerender” href=”http://daker.me/2013/05/hello-world.html” />
  3. Download Attribute to force a file to download rather than going to that page …<a href=”download_pdf.php?id=15″ download=”myfile.pdf”>Download PDF</a>
  4. Regular Expressions to validate form fields with a pattern attribute … <input type=”email” pattern=”[^ @]*@[^ @]*” value=””>
  5. Datalist Element for auto-completing expected values in an input field… 
    <form action="form.php" method="post">
    <input list="cars" name="cars">
        <datalist id="cars">
            <option value="Volvo">
            <option value="BMW">
            <option value="Bugatti">
            <option value="Cadillac">
            <option value="Chevrolet">
            <option value="Chrysler">
        </datalist>
    <input type="submit" />
</form>

Resources