Html <;h1>;小于<;h2>;在firefox和chrome中

Html <;h1>;小于<;h2>;在firefox和chrome中,html,firefox,google-chrome,Html,Firefox,Google Chrome,最新更新的代码如下: 从左边开始,IE 8,Chrome,Firefox 5。。您可以看到,只有IE8才能正确显示h1和h2元素 你们觉得怎么样?是什么导致了这个问题?我有任何不匹配的标签吗?谢谢 编辑 H1和H2在HTML4中是正常的。我猜这是一个浏览器问题 新更新 我删除了大部分不必要的代码,只留下了与问题相关的代码。提前谢谢你的帮助 最新更新的代码如下:验证html和css中的错误列表。我只是复制了原始代码,并提出了一些非常愚蠢的东西。在HTML5中,嵌套n层深度的内部部分被视为。因

最新更新的代码如下:

从左边开始,IE 8,Chrome,Firefox 5。。您可以看到,只有IE8才能正确显示h1h2元素

你们觉得怎么样?是什么导致了这个问题?我有任何不匹配的标签吗?谢谢


编辑 H1和H2在HTML4中是正常的。我猜这是一个浏览器问题


新更新 我删除了大部分不必要的代码,只留下了与问题相关的代码。提前谢谢你的帮助


最新更新的代码如下:

验证html和css中的错误列表。我只是复制了原始代码,并提出了一些非常愚蠢的东西。

在HTML5中,嵌套n层深度的
内部部分被视为
。因此,单个
中的
在语义上等同于
,并且呈现为这样。在此上下文中,“节”指的是
和处的样式规则中的任何一个,使H2变大的不是嵌套节中H1的呈现。。。只是浏览器制造商认为/同意,在web编辑器、制作人和开发人员下面,h2通常被视为更重要的视觉标题!这里没有关于轮廓渲染的内容

请参见我的示例:

因为IE8并没有这样做,只是表明这些惯例还没有到达微软总部。。。这也是一个BUG,不是一个特性:-)


祝你好运

你的第48行肯定是一团糟。(标签不应该嵌套。)除此之外,我怀疑CSS有问题。@llmari Karonen谢谢!我的目的是测试差异。IE以荒谬的非标准世代而闻名。。与Chrome和Firefox相比,第48行没有效果。所以你认为这是浏览器的CSS???你把H1放在一个?不
:)
(免责声明:这些规则是严格的HTML4,并被HTML5规则所取代。但是,您不想将标题元素放在锚元素中。)@Šime Vidas nice guide!哈哈。我保存了它。对但正如我之前所说,这是一个测试三种浏览器的实验。IE接受非标准输入,并使第48行变大,而Chrome和Firefox不接受(他们只是忽略嵌套的h1…带有警告…)。如果我从第48行中删除嵌套的h1,则h1在中仍然小于h2,如第34行所示!我更新了我的代码。我在两个标签中遗漏了两个“>”向前箭头。我重新验证了(我使用Aptanta,它使用W3C),剩下的两个警告是关于DOCTYPE的。但是仍然不好。我看到使用validator.w3.org时出现了一个更基本的错误。“第48行,第44列:在此上下文中,元素h1不允许作为元素a的子元素。(正在抑制此子树中的进一步错误)。@Joe Nelson谢谢。正如我之前所说,这只是一个实验,看看这是否是一个浏览器故障。也就是说,因为IE似乎接受许多非标准输入(接受嵌套的h1,这使第48行变大!!)。如果我从第48行中删除嵌套的h1,我仍然会得到相同的结果。@JohnWong-您正在更新粘贴箱吗?如果你在那里做些改变,我会帮你的。@Rob是的。我更新了代码。刚才去掉不必要的部分,保留相关部分。转到W3C并进行了验证,只有轻微的警告。。。。谢谢但h1仍然比h2小。我想这是书上没有提到的?谢谢这很好D@JohnWong我怀疑大多数书的作者还没有来得及阅读HTML5规范为什么
等没有相应地缩放?这背后的逻辑是什么?@Lucius我认为这样做的目的是,如果你使用分段,你只需始终如一地使用分段,并始终使用
作为分段标题,而不是混合分段元素和副标题元素。。。但那只是我的印象;我不知道真正的理由是什么,如果有的话。