HTML5 Shiv – Beginners Guide for Web Developers – 004

0
88

HTML5 Shiv – Beginners Guide for Web Developers – 004

This tutorial is connected from the previous HTML5 tutorial, the “New Semantic Elements“.

So, what is HTML5 Shiv?

It is a JavaScript that adds the HTML5 elements to the earlier versions of Internet Explorer.

It is helpful because if you are developing a website and you want to work it on a IE or anything and you want to do it with HTML 5.

So, the important thing is you have to have a website that supports all browsers which HTML5 Shiv will really help you in achieving such want.

So, let’s go to GitHub HTML5 Shiv and get grab our HTML5 Shiv, some people call it Shiv, others call it Shim. You can also redirect yourself to download the HTML5 Shim by clicking here.

Also, at that website, there is an explanation regarding with HTML5 Shiv, what do these files do, installation, API, and issues and limitations.

Right now, create a New Folder named “js” where you stored your index.html file so that you won’t be having a hard time looking for your HTML5 Shiv. Refer to the image below.

HTML5 shiv

Next, insert this line of code to your recent index.html file so that your index.html file will be able to launch on different browsers like IE 9, Safari 4.x, and FireFox 3.x. Refer to the sample code and insert it between the link tag and the script tag in your head tag.

  1. <!--[if lt IE 9]>
  2. <a href="http://js/html5shiv-master/dist/html5shiv.js">http://js/html5shiv-master/dist/html5shiv.js</a>
  3. &lt;![endif]--&gt;

Now, your elements should be recognized by older browsers and we can get on with coding our HTML5 website and not to worry about the browser not recognizing these elements.

HTML5 shiv

As we tested our index.html file on an IE browser, its good. You can also try it on lower versions to test if the HTML5 Shim really does its job.

On our next tutorial, we will be discussing about HTML5 Boilerplate. Stay tuned webbies!

For questions or any other concerns or thesis/capstone creation with documentation, you can contact me through the following:

 

E-Mail: [email protected]

Facebook: facebook.com/kirk.lavapiez

Contact No.: +639771069640

Ian Hero L. Lavapiez

BSIT Graduate, soon to be MIT.

System Analyst and Developer

Related topic(s) that you may like:

Facebook Comments

LEAVE A REPLY

Please enter your comment!
Please enter your name here