Posted By

Freese on 07/15/08


Tagged

xhtml transitional


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

mitry
saeed
vali29


Basic XHTML Template (M. Hoffmann)


 / Published in: XHTML
 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  4. <title>Basisvorlage (X)HTML Quellcode</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <meta name="robots" content="index,follow" />
  7. <meta name="copyright" content=" ... " />
  8. <meta name="keywords" content=" ... " />
  9. <meta name="description" content=" ... " />
  10. <link rel="shortcut icon" href="favicon.ico" />
  11. <link rel="stylesheet" type="text/css" media="print" href="druck.css" />
  12. <style type="text/css" media="screen">
  13. @import url( css.css );
  14. <style type="text/css">#supernav { clear: both; margin: 50px 0; padding: 10px; width: 400px; background: #fff; color: #111; text-align: left;}</style></head>
  15. <body id="start">
  16. <!-- - - - - - - - - - - Seitenwrap - - - - - - - - - - -->
  17. <div id="wrapper">
  18. <!-- - - - - - - - - - - Kopfbereich inkl. H1 und Navigation - - - - - - - - - - -->
  19. <div id="header">
  20. <h1>Lorem ipsum dolor sit amet</h1>
  21. <!-- - - - - - - - - - - Navigation - - - - - - - - - - -->
  22. <ul id="navigation">
  23. <li><a href="#" title="">Lorem</a></li>
  24. <li><a href="#" title="">Ipsum</a></li>
  25. <li><a href="#" title="">Dolor</a></li>
  26. <li><a href="#" title="">Sit amet</a></li>
  27. </ul><!-- Ende Navigation -->
  28. </div><!-- Ende Kopfbereich -->
  29. <div id="content"><!-- - - - - - - - - - - Hauptbereich - - - - - - - - - - -->
  30. <h2>Lorem ipsum dolor sit amet</h2>
  31. <p><a href="#" title="">Lorem ipsum dolor sit amet, consectetuer adipiscing</a> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  32. <h3>Lorem ipsum dolor sit amet</h3>
  33. <blockquote cite=""><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></blockquote>
  34. <h4>Lorem ipsum dolor sit amet</h4>
  35. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  36. </div><!-- Ende Hauptbereich -->
  37. <div id="sidebar"><!-- - - - - - - - - - - Seitenleiste - - - - - - - - - - -->
  38. <h2>Lorem ipsum dolor sit amet</h2>
  39. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  40. <h3>Lorem ipsum dolor sit amet</h3>
  41. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  42. <h4>Lorem ipsum dolor sit amet</h4>
  43. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  44. </div><!-- Ende Seitenleiste -->
  45. <div id="footer"><!-- - - - - - - - - - - Seitenfuss - - - - - - - - - - -->
  46. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  47. </div><!-- Ende Seitenfuss -->
  48. </div><!-- Ende Seitenwrap -->
  49. <div id="supernav"><h2>Navigation</h2><a href="../index.html">Zur Quelltextübersicht</a></div>
  50. </body>
  51. </html>

Report this snippet  

You need to login to post a comment.