Home/ Questions/Q 8793185
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T23:05:27+00:00

How should I hide HTML for non-JavaScript enabled browsers? I was thinking of something

  • 0

How should I hide HTML for non-JavaScript enabled browsers? I was thinking of something like the following, but it does not work with my FF browser, nor even validate. Any thoughts? Thanks

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <body class="wrap">
        <noscript>
            <h1>JavaScript is turned off in your web browser.<br />Turn it on to use this site, then refresh the page.</h1>
            <style type="text/css">
                body { display:none; }
                noscript { display:block !important; }
            </style>
        </noscript>
        HTML for JavaScript only browsers goes here...
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Should be like this

    <body class="wrap">

    <noscript>

        <h1>JavaScript is turned off O_o</h1>

        <style type="text/css">

            .onlyscript { display:none; }

        </style>

    </noscript>

    <div class="onlyscript">HTML for JavaScript only browsers goes here...</div>

</body>

    Cuz this 

            <style type="text/css">
            body { display:none; }
            noscript { display:block !important; }
        </style>

    is really confusing construction and unjustified “!important;” use. That can cause problems in future.
    It’s better to be plain instead of making smartass bug farms 🙂

    • 0