How To Handle User’s With Javascript Disabled Using The Noscript Tag

Usually, what most people seem to do with the noscript tag is to include it, and hide it with javascript on page load.

The only issue with this is most users will see the contents inside the noscript tag for a split second (or longer on a slower connection) while waiting for the javascript to kick in.

A simple solution, which also seems to be what Gmail does is to do the following instead:

…where all of the content in your site is wrapped with a div of class “pagecontainer”. The CSS inside the noscript tag will then hide all of your page content, and instead display whatever “no JS” message you want to show.