Простые HTML заготовки для страниц

HTML 4


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ru" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>pagename</title>
        <meta name="Author" content="author"/>
        <meta name="Description" content="description"/>
        <meta name="Keywords" content="keywords"/>
        <meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="style.css"/>
        <style type="text/css">
            .reset          { margin:0; padding:0; }
            .clear          { clear:both; }
            .cleared:after  { content:"."; display:block; height:0; clear:both; visibility:hidden; }
            .right          { float:right; }
            .left           { float:left; }
            a img           { border:0; }
            img             { max-width:100%; }
            body            { margin:0; padding:0; }
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
            });      
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div id="header"></div>
            <div id="body"></div>
            <div id="footer"></div>
        </div>
    </body>
</html>

HTML5


<!DOCTYPE html>
<html lang="ru">
    <head>
        <title>pagename</title>
        <meta name="Author" content="author">
        <meta name="Description" content="description">
        <meta name="Keywords" content="keywords">
        <meta charset="utf-8">
        <link rel="icon" type="image/x-icon" href="favicon.ico">
        <link rel="stylesheet" type="text/css" href="style.css">
        <style>
            .reset                                          { margin:0; padding:0; }
            .clear                                          { clear:both; }
            .cleared:after                                  { content:"."; display:block; height:0; clear:both; visibility:hidden; }
            .right                                          { float:right; }
            .left                                           { float:left; }
            a img                                           { border:0; }
            img                                             { max-width:100%; }
            header, nav, section, article, aside, footer    { display:block; }
            body                                            { margin:0;padding:0; }
        </style>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
            $(document).ready(function(){
            });
        </script>
    </head>
    <body>
        <header></header>
        <nav></nav>
        <section>
            <article></article>
        </section>
        <aside></aside>
        <footer></footer>
    </body>
</html>
Теги: , ,