Какой выбрать doctype - SEO форум MaulTalk.com

Какой выбрать doctype

Опции

rich108

Topic Starter сообщение

24.9.2012, 17:18; Ответить: rich108

Сообщение #1

Новичок

Группа: User
Сообщений: 6
Регистрация: 24.9.2012
Поблагодарили: 0 раз
Репутация:

0

Помогите выбрать доктайп плиз!

<html>
<head>
<base href="[[++site_url]]" />
<meta http-equiv = "X-UA-Compatible" content="IE=7" />
<meta name="description" content="Похудеть правильно, бросить пить, бросить курить, избавиться от вредных привычек и обрести здоровье Вам помогут специалисты из центра >
<meta name="keywords" content="Бросить курить,курить,пить,бросить пить,помощь,бесплатная помощь,бесплатно курить,бросить курить бесплатно">
<link href="assets/templates/vita/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="assets/templates/vita/css/styleglav.css">
<link rel="stylesheet" type="text/css" href="assets/templates/vita/css/styleglavie.css">
<link rel="stylesheet" type="text/css" href="assets/templates/vita/css/menu.css">
<style>
.arrow {
display: inline-block;
position: relative;
text-indent: 0px;
width: 217px;
height: 153px;
background: url(assets/templates/vita/img/tv/tv.png) no-repeat;
}
.arrow span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: url(assets/templates/vita/img/tv/tv22.png) no-repeat;
background-position: -0px 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.arrow:hover span {
opacity: 1;
}

.arrow2 {
display: inline-block;
position: relative;
text-indent: 0px;
width: 101px;
height: 101px;
background: url(assets/templates/vita/img/vopros/voprosweb.png) no-repeat;
}
.arrow2 span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: url(assets/templates/vita/img/vopros/voprosweb2.png) no-repeat;
background-position: -0px 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.arrow2:hover span {
opacity: 1;
}

.arrow4 {
display: inline-block;
position: relative;
text-indent: 0px;
width: 308px;
height: 192px;
background: url(assets/templates/vita/img/glav/resepshnweb3.gif) no-repeat;
}
.arrow4 span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: url(assets/templates/vita/img/glav/resepshnweb44.gif) no-repeat;
background-position: -0px 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.arrow4:hover span {
opacity: 1;
}
.arrow5 {
display: inline-block;
position: relative;
text-indent: 0px;
width: 221px;
height: 248px;
background: url(assets/templates/vita/img/glav/kontakty.gif) no-repeat;
}
.arrow5 span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: url(assets/templates/vita/img/glav/kontakty2.gif) no-repeat;
background-position: -0px 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.arrow5:hover span {
opacity: 1;
}
.arrowlift {
display: inline-block;
position: relative;
text-indent: 0px;
width: 176px;
height: 273px;
background: url(assets/templates/vita/img/glav/lift2.gif) no-repeat;
}
.arrowlift span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: url(assets/templates/vita/img/glav/lift22.gif) no-repeat;
background-position: -0px 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.arrowlift:hover span {
opacity: 1;
}
.arrowcvet {
display: inline-block;
position: relative;
text-indent: 0px;
width: 160px;
height: 169px;
background: url(assets/templates/vita/img/glav/cvetok.png) no-repeat;
}
.arrowcvet span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: url(assets/templates/vita/img/glav/cvetok2.gif) no-repeat;
background-position: -0px 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.arrowcvet:hover span {
opacity: 1;
}
.arrowknigi {
display: inline-block;
position: relative;
text-indent: 0px;
width: 116px;
height: 67px;
background: url(assets/templates/vita/img/glav/knigi2.gif) no-repeat;
}
.arrowknigi span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: url(assets/templates/vita/img/glav/knigi2.gif) no-repeat;
background-position: -0px 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.arrowknigi:hover span {
opacity: 1;
}
</style>
<script type="text/javascript">
startList = function()
{
if (document.all&&document.getElementById)
{
navRoot = document.getElementById("nav")
for (i=0; i<navRoot.childNodes.length; i++)
{
node = navRoot.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className+=" over";
}
node.onmouseout=function()
{
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
</head>
<body>
<div id="wreaper">
  <div id="shapka">
  </div>
   [[$menu?]]
   <div id="content">
   <div id="zagolovoktv">
<div id="zagolovoktvtext">
О методе
</div>
</div>
<div id="tv">
<a href="[[~100]]" class="arrow"><span></span></a>
</div>
<div id="besplatno">
<a href="[[~101]]" class="arrowcvet"><span></span></a>
</div>
<div id="onas">
<img src="assets/templates/vita/img/plashka/onas.png" width="77" height="78">
</div>
<div id="textonas">
О нас
</div>
<div id="resepshn">
<a href="[[~5]]" class="arrow4"><span></span></a>
</div>
<div id="vstenu">
</div>
<div id="textkontakty">
<p class="kontakty">Контакты <br />в городах России</p>
</div>
<div id="kontakty">
<a href="[[~6]]" class="arrow5"><span></span></a>
</div>
<div id="lift">
<a href="[[~135]]" class="arrowlift"><span></span></a>
</div>
<div id="vopros">
<a href="[[~110]]" class="arrow2"><span></span></a>
</div>
<div id="knigi">
<a href="#" class="arrowknigi"><span></span></a>
</div>
<div id="tabl">
<img src="assets/templates/vita/img/plashka/tabl.png" width="166" height="50">
</div>
<div id="plashkabesplatno">
<img src="assets/templates/vita/img/plashka/plashkabesplatno.png" width="165" height="55">
</div>
<div id="textgumpom">
<a href="">Гуманитарные
<br>(бесплатные) сеансы</a>
</div>
<div id="texttabl">
Индивидуальный
<br>прием
</div>
</div>
</div>
</body>
</html>

0

Ответить с цитированием данного сообщения

yury_mw yury_mw 24.9.2012, 17:37; Сообщений: 648 Поблагодарили: 0 раз Репутация: 195 Просмотр профиля	24.9.2012, 17:37; Ответить: yury_mw Сообщение #2
Завсегдатай Группа: User Сообщений: 648 Регистрация: 13.5.2009 Поблагодарили: 0 раз Репутация: 195	То что написано более всего ложится на (если убрать закрытие одиночных тегов: base, meta, link, br) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Если же (закрыть незакрытые одиночные тэги: link, br, img и проч.), то и такой можно: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> В любом случае желательно указать кодировку: <meta http-equiv="text/html; charset=utf-8" /> и не забыть alt прописать для изображений. А так пишите на каком типе документа привычнее. А вообще http://validator.w3.org вам в помощь.

rich108 Topic Starter rich108Topic Starter 24.9.2012, 17:54; Сообщений: 6 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 24.9.2012, 17:54; Ответить: rich108 Сообщение #3
Новичок Группа: User Сообщений: 6 Регистрация: 24.9.2012 Поблагодарили: 0 раз Репутация: 0	Спасибо. А вот еще такой вопрос. Весь сайт был сверстан на modx revo без доктайпа. Теперь когда я его вставляю, соответственно дизайн "малость" рушится, а когда я пытаюсь выровнять съехавшие объекты с помощью css то ничего не происходит...В чем моет быть загвоздка? Спасибо.

yury_mw yury_mw 24.9.2012, 19:13; Сообщений: 648 Поблагодарили: 0 раз Репутация: 195 Просмотр профиля	24.9.2012, 19:13; Ответить: yury_mw Сообщение #4
Завсегдатай Группа: User Сообщений: 648 Регистрация: 13.5.2009 Поблагодарили: 0 раз Репутация: 195	Весь сайт был сверстан на modx revo без доктайпа. Теперь когда я его вставляю, соответственно дизайн "малость" рушится, а когда я пытаюсь выровнять съехавшие объекты с помощью css то ничего не происходит...В чем моет быть загвоздка? Про движки ничего не могу сказать ибо у разных движков разные же прибабахи По этой причине чужими движками не пользуюсь и рекомендую либо писать и пользоваться собственным движком ну или честно разбираться в тонкостях чужих. Ну и ваших собственных ошибок тоже нельзя исключать, такчто на всякий случай убедитесь, правильно вы ли выравниваете свои объекты и там ли, где их можно выровнять. Ну а в общем случае, следует понимать, что 1) доктайп — это определенный набор правил, согласно которым браузер будет пытаться отобразить ваш сайт, 2) когда сайт верстается без доктайпа, то это все равно что верстать с условным доктайпом под названием "режим совместимости", в который переходят браузеры в случае отсутствия доктайпа. (правда "режим совместимости" у разных браузеров может несколько различаться, поэтому в этом режиме не рекомендуется верстать во избежание неожиданностей) 3) поэтому, если вы добавите доктайп в уже сверстанный без доктайпа сайт, то фактически поменяете правила отображения уже сверстанного сайта. 4) поэтому, возможно, вам будет проще переверстать сайт заново нежели выискивать ошибки верстки по новому доктайпу, а так же учитывать особенности вашего движка (А может и нет. Что зависит от самых разных обстоятельств).

rich108 Topic Starter rich108Topic Starter 25.9.2012, 10:31; Сообщений: 6 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 25.9.2012, 10:31; Ответить: rich108 Сообщение #5
Новичок Группа: User Сообщений: 6 Регистрация: 24.9.2012 Поблагодарили: 0 раз Репутация: 0	То есть начало сайта будет примерно таким? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">[/color] <html> <head> </head> </html> И вот такой вопросик: А вот такой доктайп подойдет? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

yury_mw yury_mw 25.9.2012, 12:38; Сообщений: 648 Поблагодарили: 0 раз Репутация: 195 Просмотр профиля	25.9.2012, 12:38; Ответить: yury_mw Сообщение #6
Завсегдатай Группа: User Сообщений: 648 Регистрация: 13.5.2009 Поблагодарили: 0 раз Репутация: 195	То есть начало сайта будет примерно таким? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> Да. Если устраните указанные выше ошибки, не соответствующие правилам HTML 4.01 Transitional (в HTML 4 одиночные теги не закрывают: так правильно — <br> так неправильно — <br />) И вот такой вопросик: А вот такой доктайп подойдет? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Да. Если устраните указанные выше ошибки, не соответствующие правилам XHTML 1.0 Transitional (XHTML требует обязательного закрытия одиночных тегов: так неправильно — <br> так правильно — <br />) Почитайте, например, тут: http://ru.wikipedia.org/wiki/XHTML о различиях между HTML и XHTML

rich108

Topic Starter сообщение

25.9.2012, 12:40; Ответить: rich108

Сообщение #7

Новичок

Группа: User
Сообщений: 6
Регистрация: 24.9.2012
Поблагодарили: 0 раз
Репутация:

0

Спасибо!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Какой % отказов нормален для сайта?	11	Aloof	2827	16.4.2024, 12:48 автор: diviner99
Кто где хранит файлы? И какой объем? просто интересно	22	mark2013	2648	15.4.2024, 8:08 автор: Room
Исчезающие фрилансеры после предоплаты. Зачем? Какой смысл?	36	metvekot	9583	31.3.2024, 1:01 автор: Liudmila
Через какой браузер и как можно найти в кэшэ браузера видео	10	Room	2312	23.3.2024, 7:41 автор: Room
Какой сайт пробовать создавать под небольшое ГЕО?	6	kapusta1	1319	15.3.2024, 13:06 автор: OS_ZP_UA