Перейти к содержимому

Реферальная программа Мегаплана


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

#1 rich108

rich108
  • Пользователь
  • 6 сообщений
  • Репутация: 0
0

Отправлено 24 Сентябрь 2012 - 16:18

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

<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

#2 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 24 Сентябрь 2012 - 16:37

То что написано более всего ложится на (если убрать закрытие одиночных тегов: 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 вам в помощь.
  • 1

#3 rich108

rich108
    Topic Starter
  • Пользователь
  • 6 сообщений
  • Репутация: 0

Отправлено 24 Сентябрь 2012 - 16:54

Спасибо. А вот еще такой вопрос.
Весь сайт был сверстан на modx revo без доктайпа. Теперь когда я его вставляю, соответственно дизайн "малость" рушится, а когда я пытаюсь выровнять съехавшие объекты с помощью css то ничего не происходит...В чем моет быть загвоздка?
Спасибо.
  • 0

#4 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 24 Сентябрь 2012 - 18:13

Весь сайт был сверстан на modx revo без доктайпа. Теперь когда я его вставляю, соответственно дизайн "малость" рушится, а когда я пытаюсь выровнять съехавшие объекты с помощью css то ничего не происходит...В чем моет быть загвоздка?

Про движки ничего не могу сказать ибо у разных движков разные же прибабахи
По этой причине чужими движками не пользуюсь и рекомендую либо писать и пользоваться собственным движком ну или честно разбираться в тонкостях чужих.

Ну и ваших собственных ошибок тоже нельзя исключать, такчто на всякий случай убедитесь, правильно вы ли выравниваете свои объекты и там ли, где их можно выровнять.

Ну а в общем случае, следует понимать, что
1) доктайп — это определенный набор правил, согласно которым браузер будет пытаться отобразить ваш сайт,
2) когда сайт верстается без доктайпа, то это все равно что верстать с условным доктайпом под названием "режим совместимости", в который переходят браузеры в случае отсутствия доктайпа. (правда "режим совместимости" у разных браузеров может несколько различаться, поэтому в этом режиме не рекомендуется верстать во избежание неожиданностей)
3) поэтому, если вы добавите доктайп в уже сверстанный без доктайпа сайт, то фактически поменяете правила отображения уже сверстанного сайта.
4) поэтому, возможно, вам будет проще переверстать сайт заново нежели выискивать ошибки верстки по новому доктайпу, а так же учитывать особенности вашего движка (А может и нет. Что зависит от самых разных обстоятельств).
  • 0

#5 rich108

rich108
    Topic Starter
  • Пользователь
  • 6 сообщений
  • Репутация: 0

Отправлено 25 Сентябрь 2012 - 09:31

То есть начало сайта будет примерно таким?


<!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...nsitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
  • 0

#6 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 25 Сентябрь 2012 - 11:38

То есть начало сайта будет примерно таким?

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

#7 rich108

rich108
    Topic Starter
  • Пользователь
  • 6 сообщений
  • Репутация: 0

Отправлено 25 Сентябрь 2012 - 11:40

Спасибо!
  • 0


Оформление форума – IPBSkins.ru