Question

我的网页上有一些HTML5标签。我已将<!DOCTYPE html>用于同一网页...但我面临一些间距问题。我也试过了line-height:0px; and vertical-align ......但是这个问题打开了......所以我不能使用line-height：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,'abc@gmail.com');SetSelectedCount();EmailBoxLostFocus();" value="abc@gmail.com" 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"> abc@gmail.com </span>
</span>
</div>

</body>
</html>

Answer 1

XHTML 1.0 Transitional doctype将许多浏览器放入Quirks Mode，这意味着一个故意破坏的模式，浏览器或多或少模仿IE的已灭绝版本，有许多错误和奇怪，或者Almost Standards Mode，这是一个不太破碎的模式。使用<!doctype html>触发标准模式，因此如果您的页面受到干扰，那么这是因为您的页面依赖于曾经在浏览器中常见的错误。

说要做什么并不容易。如果页面使用XHTML 1.0 Transitional doctype，那么最好将其保留，直到页面的下一次完整修订（重写）。如果这是一个正在创建的新页面，它应该被设计为从一开始就在标准模式下工作。

请注意，doctype的使用（或不存在）与HTML5新颖性的支持无关。浏览器可以完成HTML5功能。 doctype只是a）一个神奇的字符串，它通过复杂的规则选择浏览器模式（主要影响CSS的应用方式）和b）用于指定要应用的语法规则的工具（如果使用标记验证器）。

Answer 2

通过添加此项，您将更改doctype。见link on Doc Types

如果您在实际页面中遇到样式问题，您应该更改相关的CSS / HTML，如果是这种情况，您应该创建一个包含代码的新问题

对于HTML5

2 个答案: