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>
Very handy! I’ve been meaning to do this myself for along time, and you saved me the effort. Just one button click!
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 =)
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.
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?
What no chickens?
it is a test page for testing stuff you must write some code in it and test it.
Thank you so much Chris! I will definitely use this.