The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Test Page

Last updated on:

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="" 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=""></script>

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





  1. Kerri
    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. Ben
    Permalink to comment#

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

    • 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. 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. 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?

  5. Maikel
    Permalink to comment#

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

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed