Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

A good HTML skeleton

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> 
like image 279
Nick Avatar asked Nov 09 '10 13:11

Nick


People also ask

What is an HTML skeleton?

A Skeleton is the supporting framework of an organism. It is typically made out of something hard, to protect a more vulnerable body. Every Web developer should have an HTML skeleton. Click on the "Try it Yourself" button to see how it works! Try to change the text "This is a Heading" to "This is my Wedding". Did you make it?

What is a skeleton?

A Skeleton is the supporting framework of an organism. It is typically made out of something hard, to protect a more vulnerable body. Every Web developer should have an HTML skeleton. Click on the "Try it Yourself" button to see how it works!

Where can I find a good website with a basic skeleton?

Try www.htmlshell.com, you can get a basic skeleton there, with optional includes for things like jQuery or favicons, etc. Cool site. I'm not sure if the "Autorun JavaScript" is cross-browser. (If you didn't notice, this question is about two years old.) This site looked good but unfortunately they put the "script" tags inside the body..

What is the skeleton boilerplate?

What is the Skeleton Boilerplate? Skeleton is the brainchild of Dave Gamache. It’s a twelve column, fluid grid, with a default max width of 960px, basic typography and minimum styles for common HTML elements such as buttons, links, inputs and textareas.


2 Answers

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

like image 138
Steve Niles Avatar answered Oct 11 '22 13:10

Steve Niles


I've been starting with HTML5 Boilerplate... it helps make sure that everything is the most consistent across the various browsers and already takes into account the majority of the stuff I'll need later.

like image 35
FatherStorm Avatar answered Oct 11 '22 12:10

FatherStorm