A Web Design Community curated by Chris Coyier

Code Snippets Gallery

Test Page

A simple XHTML 1.0 Strict page structure that includes:

  • Basic CSS Reset
  • Loads jQuery from Google
  • Sets up DOM-ready block for jQuery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <title>Test Page</title>

     <style type="text/css">
        * { margin: 0; padding: 0;}
     </style>

     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

     <script type="text/javascript">
        $(function(){
            // Do stuff.
        });
     </script>
</head>

<body>

</body>

</html>

3 Responses

  1. Kerri says:

    Very handy! I’ve been meaning to do this myself for along time, and you saved me the effort. Just one button click!

  2. Ben says:

    I don’t like that CSS reset. There are much better ones out there.

    • Totally cool, valid opinion. I’d just like to say I’ve used that baby on just about every site I’ve ever built in my life and still think it rocks =)

Leave a Comment

Remember:
  • Be nice.
  • Wrap multiline code in <pre> and <code> tags and escape it first (turn <'s into &lt;'s).
  • You may use regular HTML stuff like <a href="">, <em>, and <strong>
* This website may or may not contain any actual CSS or Tricks.