<!doctype ..../> 用于 HTML5答案

【问题标题】：<!doctype ..../> for HTML5<!doctype ..../> 用于 HTML5
【发布时间】：2013-02-06 11:10:26
【问题描述】：

我的网页中有一些 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>

【问题讨论】：

请定义“一些间距问题”
您最好发布导致问题的 HTML，然后尝试使用较旧的文档类型来修复它。
line-height:0px 不是解决方案
你能分享你的代码吗？
如果像您描述的那样更改文档类型对间距问题有任何影响，我会感到非常惊讶。您能否将您正在处理的代码发布在某个地方以便我们查看？

标签： html css doctype html4

【解决方案1】：

XHTML 1.0 过渡文档类型将许多浏览器置于Quirks Mode 中，这意味着一种故意破坏的模式，其中浏览器或多或少地模拟了已灭绝的 IE 版本，有许多错误和奇怪之处，或者置于Almost Standards Mode 中，这是一个更少的破模式。使用<!doctype html> 会触发标准模式，因此如果您的页面受到干扰，那是因为您的页面依赖于曾经在浏览器中常见的错误。

很难说要做什么。如果页面使用 XHTML 1.0 过渡 doctype，最好保持这种状态，直到页面的下一次完整修订（重写）。如果这是一个正在创建的新页面，它应该从一开始就设计为在标准模式下工作。

请注意，doctype 的使用（或不使用）与对 HTML5 新奇事物的支持无关。浏览器完成与 HTML5 功能相同的工作。 doctype 只是 a) 一个通过复杂规则选择浏览器模式的魔术字符串（主要影响 CSS 的正确应用）和 b) 一个用于指定要应用的语法规则的工具，如果您使用标记验证器。

【讨论】：

【解决方案2】：

通过添加它，您正在更改文档类型。见link on Doc Types

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

【讨论】：

Typical w3schools 恐怕。关于 DOCTYPE 真正重要的一件事，即它是否会导致怪癖、几乎标准或标准模式，是该页面根本没有提及的一件事。对于 OP 的问题是几乎标准模式（XHTML 1.0 过渡）和标准模式（HTML5）的浏览器行为的差异