HTML 5 and Internet Explorer - Fair Warning

Most articles and weblog posts on using HTML 5 recommended Remy Sharp’s handy script to make Internet Explorer recognise HTML 5’s new tags. But few offer a solution to the problem of folk browsing an HTML5 site in IE with JavaScript turned off.

Rather than treat JS-averse IE visitors to a hideous mess of a site, I’ve decided to treat them to a hideous mess of a site plus a polite suggestion to switch JavaScript on:


Since I’m already serving all versions of IE a special stylesheet, I’ve added a bit of CSS to make <noscript> look all warningy:

noscript div {
	margin:60px;
	padding:10px;
	color:#ff0000;
	background:#ffffe0;
	border:1px solid #ff0000;
}

I wonder if it’s worth adding instructions on how to switch JavaScript on?

Update: The apparently extraneous div inside the noscript is included to fix a bug in IE8.