HTML5 uses tags and other bits of code that may not be recognized by older browsers. It’s always good as a designer to make sure that you are working in the most recent version of HTML so that your pages aren’t outdated at the outset or don’t become outdated very quickly. However, you do have to be aware that there are people out there that are running older browsers, likely because they have older computers or don’t routinely update their software.
- Visit Modernizr.com. The homepage should look something like (fig. 1).
- From the top menu, click Download. (fig. 2)
From the left menu, select HTML5 Shiv, minify, and Add CSS classes. (fig. 3)
Click Build from the top right. (fig. 4)
From the pop up message, select the first Download Option. (fig. 5)
Locate the download. (fig. 6)
Open the file in your Code Editor (I’m using TextMate). (fig. 7)
Locate your HTML file.
The head section of your HTML file should now look something like this:
<link href=”css/style.css” rel=”stylesheet”>
Make sure you Save your HTML file and Refresh your browser.
You likely won’t see any changes to your site because I’m betting you have a new enough browser, but now people who don’t will be able to view your site as you intended it (or very close to it).
It’s a good idea to include the HTML5 Shiv with any website you make. It is one of the few ways we have to ensure that everyone will have an optimal or close to optimal experience on your site.