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"

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

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

     <title>Test Page</title>

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

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

     <script type="text/javascript">
            // Do stuff.





  1. User Avatar
    Permalink to comment#

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

  2. User Avatar
    Permalink to comment#

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

    • User Avatar
      Chris Coyier
      Permalink to comment#

      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 =)

  3. User Avatar
    Ricardo Magalhães
    Permalink to comment#

    It’s not meant to be actually used in production — like its name says, it’s for test pages. I know I sure make a whole bunch of those at the end of the week. Thanks.

  4. User Avatar
    Esther Max
    Permalink to comment#

    I have no idea what this does
    I copy & paste it into html file
    uploaded it to my server and
    run it – nothing came out
    can you let me know what to expect?

    • User Avatar
      Permalink to comment#

      What no chickens?

    • User Avatar
      Permalink to comment#

      it is a test page for testing stuff you must write some code in it and test it.

    • User Avatar
      Permalink to comment#

      It’s just a page template basically, saves you from having to write most the html elements yourself.
      Although I agree with Ben although it depends on what you need the CSS reset to do.
      * { all: unset; all: initial; } is what I’d use to do a full CSS reset (I personally never use it in production though)

  5. User Avatar
    Permalink to comment#

    Thank you so much Chris! I will definitely use this.

Leave a Comment

Posting Code!

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.