‹!doctype /› для HTML5

У меня есть теги HTML5 на моей веб-странице. я использовал <!DOCTYPE html> для той же веб-страницы... Но я столкнулся с некоторыми проблемами с интервалами. Я также пробовал line-height:0px; and vertical-align... Но из-за этого открывается какая-то другая проблема... поэтому я не могу использовать высоту строки: 0;...

Я попытался изменить <!DOCTYPE html> на

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Таким образом, все проблемы были исправлены и все работает нормально..:)...

Я просто хочу знать, правильно ли это добавить

"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"

на странице HTML5... Это будет работать или нет... или есть другой способ для моих тегов HTML4....

Спасибо...

РЕДАКТИРОВАТЬ....

Вот некоторый код.. пожалуйста, сохраните его в формате html, а затем посмотрите... а также попробуйте с "<!DOCTYPE html" only... вы найдете разницу...

<!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" >
<head>
    <title>Untitled Page</title>
    <style type="text/css">

.sharecon {
    border-bottom: 1px solid #E6E6E6;
    float: left;
    padding: 3px 0 6px;
    width: 100%;
    font-family:Arial; font-size:12px;
}
.dvleft {
    float: left;
}
.mleft5 {
    margin-left: 5px;
}
.text11 {
    color: #000000;
    font-size: 11px;
}
strong {
    font-weight: bold;
}
    </style>
</head>
<body>

<div class="sharecon">
<span class="dvleft mleft5">
<input id="abc123" type="checkbox" onclick="javascript:EmailBoxGetFocus();CheckUncheck(this,'[email protected]');SetSelectedCount();EmailBoxLostFocus();" value="[email protected]" name="dlstContacts$ctl00$checkBoxSpn">
</span>
<span class="dvleft mleft15" style="margin-left:4px; margin:2px;">
<strong class="text11" style="line-height: 12px">ABC Name</strong>
<br>
<span class="light_text11" style="line-height:12px;display:inline"> [email protected] </span>
</span>
</div>

</body>
</html>

html css doctype html4
person Gaurav    schedule 06.02.2013    source источник
comment
Пожалуйста, определите некоторые проблемы с пробелами   -  person Oleg    schedule 06.02.2013
comment
Вероятно, вам лучше опубликовать HTML-код, который вызывает проблемы, а затем попытаться исправить его, используя более старый тип документа.   -  person Sirko    schedule 06.02.2013
comment
line-height:0px не является решением   -  person Tom Sarduy    schedule 06.02.2013
comment
можете ли вы поделиться своим кодом плз?   -  person Muhammad Usman    schedule 06.02.2013
comment
Я был бы очень удивлен, если бы изменение типа документа, как вы описали, повлияло на проблемы с интервалами. Не могли бы вы опубликовать код, над которым вы работаете, где-нибудь, чтобы мы могли его увидеть?   -  person Paul D. Waite    schedule 06.02.2013
comment
добавил некоторый код.. пожалуйста, сохраните его как файл html...   -  person Gaurav    schedule 06.02.2013
comment
Chrome 25, OSX — никакой разницы между двумя типами документов.   -  person Oleg    schedule 06.02.2013
comment
@Alochi ... Я уже упоминал, что не могу добавить line-height:0px; и вертикальное выравнивание здесь ... любые другие предложения ... и Олег, пожалуйста, посмотрите на ту же проблему в Firefox .. вы найдете разницу там ... :)   -  person Gaurav    schedule 06.02.2013
comment
@Gaurav - Бесполезно говорить, что вы не можете выполнить действие X, если не объясните, почему. какой-то другой вопрос не является объяснением.   -  person Alohci    schedule 06.02.2013
comment
Firefox 18, OSX — никакой разницы между двумя типами документов…   -  person Oleg    schedule 06.02.2013

Ответы (2)


arrow_upward
1
arrow_downward

Тип документа XHTML 1.0 Transitional переводит многие браузеры в причудливый режим, что означает преднамеренно нарушенный режим, в котором браузер более или менее эмулирует вымершие версии IE с множеством ошибок и странностей или переходит в почти стандарты Mode, который является менее ломаным режимом. Использование <!doctype html> запускает Стандартный режим, поэтому, если он беспокоит вашу страницу, то это потому, что ваша страница основана на ошибках, которые когда-то были распространены в браузерах.

Нелегко сказать, что делать. Если страница работает с типом документа XHTML 1.0 Transitional, вероятно, лучше оставить его таким до следующей полной ревизии (перезаписи) страницы. Если создается новая страница, она с самого начала должна быть спроектирована для работы в стандартном режиме.

Обратите внимание, что использование (или отсутствие) типа документа не имеет ничего общего с поддержкой новинок HTML5. Браузер делает то, что он делает с функциями HTML5. Тип документа — это просто а) волшебная строка, которая выбирает режим браузера по сложным правилам (влияющим в основном на то, насколько правильно применяется CSS) и б) инструмент для указания применяемых правил синтаксиса, если вы используете валидатор разметки.

person Jukka K. Korpela    schedule 06.02.2013

arrow_upward
0
arrow_downward

Добавляя это, вы меняете тип документа. См. ссылку на типы документов.

Вы должны попытаться изменить соответствующий CSS/HTML, если у вас есть проблемы со стилем на реальной странице, вы должны создать новый вопрос, включая код, если это так.

person StuartM    schedule 06.02.2013
comment
Типичные w3schools Боюсь. Единственное, что действительно имеет значение в DOCTYPE, т. е. вызывает ли он причуды, почти стандартный или стандартный режим, — это то, что страница вообще не упоминает. Для вопроса OP разница в поведении браузера почти в стандартном режиме (XHTML 1.0 Transitional) и в стандартном режиме (HTML5) - person Alohci; 06.02.2013