Войти на сайт
Регистрация
Обратная связьНаш магазинБлог администрации
Российская школа CSS - Справочник CSS, уроки CSS, jQuery
Оптимизатор CSS Конструктор CSS
Российская школа CSS » Создание сайтов » Простые html заготовки для страниц
Не нравится(-) 15 Нравится(+)
Простые html заготовки для страниц

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

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>



html4

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


На здоровье


Уважаемый посетитель Российской школы CSS! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!



---------------------------------------
---------------------------------------

Похожие публикации

Публикацию посмотрели 42890 раз(а) и написали 5 комментариев.
Подписаться на канал RSS Добавить сайт в закладки

«    Май 2017    »
ПнВтСрЧтПтСбВс
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
© 2008-2017 Copyright, Российская школа CSS. CSS-School.RU. Все права защищены.
Designed by GZ Design, OniX © 2010 - 2017
Valid XHTML 1.0 Transitional Правильный CSS!