{"id":2660,"date":"2013-05-29T19:48:22","date_gmt":"2013-05-29T19:48:22","guid":{"rendered":"http:\/\/webninjataylor.com\/library\/?p=2660"},"modified":"2014-06-24T21:06:47","modified_gmt":"2014-06-24T21:06:47","slug":"5-html5-features-you-need-to-know","status":"publish","type":"post","link":"https:\/\/webninjataylor.com\/library\/5-html5-features-you-need-to-know\/","title":{"rendered":"5 HTML5 Features you need to know"},"content":{"rendered":"
    \n
  1. DNS Prefetching<\/strong> to speed page loads\u00a0<link rel=”dns-prefetch” href=”\/\/fonts.googleapis.com”><\/span><\/span><\/li>\n
  2. Link Prefetching<\/strong> to speed subsequent page loads on your site\u00a0<link rel=”prefetch” href=”http:\/\/daker.me\/2013\/05\/hello-world.html” \/><\/span> or for even faster loads use\u00a0<link rel=”prerender” href=”http:\/\/daker.me\/2013\/05\/hello-world.html” \/><\/span><\/li>\n
  3. Download Attribute<\/strong> 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><\/span><\/li>\n
  4. Regular Expressions<\/strong> to validate form fields with a pattern attribute …\u00a0<input type=”email” pattern=”[^ @]*@[^ @]*” value=””><\/span><\/li>\n
  5. Datalist Element<\/strong> for auto-completing expected values in an input field…\n
    <form action=\"form.php\" method=\"post\">\r\n    <input list=\"cars\" name=\"cars\">\r\n        <datalist id=\"cars\">\r\n            <option value=\"Volvo\">\r\n            <option value=\"BMW\">\r\n            <option value=\"Bugatti\">\r\n            <option value=\"Cadillac\">\r\n            <option value=\"Chevrolet\">\r\n            <option value=\"Chrysler\">\r\n        <\/datalist>\r\n    <input type=\"submit\" \/>\r\n<\/form><\/pre>\n<\/li>\n<\/ol>\n
    Resources<\/h2>\n