A good HTML skeleton

html boilerplate skeleton-code
Nick picture Nick · Nov 9, 2010 · Viewed 86.6k times · Source

I want to start creating websites again, but I've been out of the HTML scene for a while now. I was just wondering if this is a good skeleton for a website. And if not, what should I change, add and/or remove?

<!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">

<html>
    <head>
        <rel="stylesheet" type="text/css" href="css/main.css" />
        <meta http-equiv="content-type" content="text/php; charset=utf-8" />

        <title>Site Template - Welcome!</title>
    </head>

    <body>
        <div class="Container">
            <div class="Header">

            </div>

            <div class="Menu">
                <ul id="nav"> 
                    <li>menu item</li>  
                    <li>menu item</li> 
                    <li>menu item</li>  
                    <li>menu item</li> 
                    <li>menu item</li>  
                    <li>menu item</li> 
                </ul> 
            </div>

            <div class="Body">

            </div>
        </div>

    </body>

    <footer>
        <div class="Footer">
            <b>Copyright - 2010</b>
        </div>
    </footer>
</html>

Answer

Steve Niles picture Steve Niles · Dec 23, 2011

Try www.htmlshell.com, you can get a basic skeleton there, with optional includes for things like jQuery or favicons, etc.

Related questions

How to remove gap between header and container div in HTML5 Boilerplate

I'm keen to use Paul Irish's HTML5 boilerplate but I've encountered a css problem. I want the header to be flush at the top of the page but I can't the container div adds a gap that I'm unable to …

Read More
How to use the .clearfix class?

I think I'm misunderstanding the concept of the .clearfix class. Maybe somebody can help me out. I'm looking for a way to use float and clear without messing up my markup. So I thought, that's where .clearfix can be used …

Read More
CodeIgniter + HTML5 Boilerplate + Twitter Bootstrap

I'm trying to start a new project, and was looking for the "ultimate" package to kick-start off with for PHP/MySQL/HTML5 development. Tried CodeIgniter first, which was great. Then discovered Twitter Bootstrap, and integrated that in nicely. Finally, found …

Read More