HTML-шаблон

10

rarog83

7 августа 2009, 04:06

710

Подскажите идеальные HTML-шаблон для верстки. Под HTML-шаблоном я имею в виду набор основных тегов.

Вот у меня есть примерчик, посмотрите пожалуйста и скажите, что в нем надо исправить или добавить. Я хочу иметь почти идеальный шаблон.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>НАЗВАНИЕ</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="/main.css" />
<link rel="stylesheet" type="text/css" href="/content.css" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>

<body>



КОНТЕНТ



</body>

</html>

196

loed

7 августа 2009, 04:23

#1

Макет из двух колонок

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Исторический турнир</title>

body {

font: 10pt Arial, Helvetica, sans-serif; /* Шрифт на веб-странице */

background: #e1dfb9; /* Цвет фона */

}

h2 {

font-size: 1.1em; /* Размер шрифта */

color: #800040; /* Цвет текста */

margin-top: 0; /* Отступ снизу */

}

#container {

width: 500px; /* Ширина слоя */

margin: 0 auto; /* Выравнивание по центру */

background: #f0f0f0; /* Цвет фона левой колонки */

}

#header {

font-size: 2.2em; /* Размер текста */

text-align: center; /* Выравнивание по центру */

padding: 5px; /* Отступы вокруг текста */

background: #8fa09b; /* Цвет фона шапки */

color: #ffe; /* Цвет текста */

}

#sidebar {

margin-top: 10px;

width: 110px; /* Ширина слоя */

padding: 0 10px; /* Отступы вокруг текста */

float: left; /* Обтекание по правому краю */

}

#content {

margin-left: 130px; /* Отступ справа */

padding: 10px; /* Поля вокруг текста */

background: #fff; /* Цвет фона правой колонки */

}

#content p {

margin-top: 0.3em /* Отступ сверху */

}

#footer {

background: #8fa09b; /* Цвет фона подвала */

color: #fff; /* Цвет текста */

padding: 5px; /* Отступы вокруг текста */

}

</style>

</head>

<body>

<div id="header">Исторический турнир</div>

<p><a href="link1.html">Статистика турнира</a></p>

<p><a href="link2.html">Победители</a></p>

<p><a href="link3.html">Конкурсные вопросы</a></p>

</div>

<h2>Опрос общественного мнения показал</h2>

<ul>

<li>что пароход изобретен: Петром I, А. Эйнштейном и А. Поповым;</li>

<li>Диего Веласкес писал свои полотна в стиле: империализма, кубизма

и империосионизма;</li>

<li>Фаросский маяк находится в Фаросе;</li>

<li>конфуцианство возникло в: Италии, Корее и Франции;</li>

<li>богами торговли и воровства в Древней Греции были: Марс, Меркурий

и Дионис;</li>

<li>Франция – это город;</li>

<li>богами загробного мира в Египте были: Аид, Анубис и Ассирис;</li>

<li>столица Золотой Орды – Монголия;</li>

<li>главные противники Александра Македонского: татаро-монголы, Дедал

и Цезарь;</li>

<li>священными птицами – символами Афин были: ворона и орел;</li>

<li>в Древней Греции морями повелевали боги: Плутон, Нептун и Тритон.</li>

</ul>

</div>

</body>

</html>

R8

10

rarog83

7 августа 2009, 04:39

#2

Я имел ввиду в шапке. DOCTYPE и прочее.

KD

105

KirillDes

7 августа 2009, 05:27

#3

Нужно прописать в meta ключевые слова и описание

ADSRed - стала уже ТОПовой тизеркой с 0% ботов! (https://ads.red/r3457)

R

163

ruslg

7 августа 2009, 05:36

#4

А валидаторы для чего?

Зачем быть уникальным в мире, где все можно скопировать

VK приобрела 70% в структуре компании-разработчика red_mad_robot