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

Перед тем как приступить непосредственно к верстке страницы, нам приходится писать DOCTYPE, , дописывать и для внешних файлов. Я давно сделал для себя таки заготовочки и теперь могу приступить к верстке полной, валидной страницы за несколько секунд. 

html5

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

html4

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


На здоровье

  • FalleN

  • 4842

  • 1

  • 0

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!