<h1>小于firefox和chrome中的<h2>

Question

最新更新的代码在这里:http://pastebin.com/TJweMgtL

从左边开始,IE 8,Chrome,Firefox 5 ..你可以看到只有IE8才能正确显示h1和h2元素.

你们有什么感想？是什么导致了问题？我有不匹配的标签吗？谢谢!

---

编辑 H1和H2在HTML4中没问题.我猜这是一个浏览器问题？

---

新的更新

我删除了大部分不必要的代码,只留下了与问题相关的内容.在此先感谢您的帮助!

最新更新的代码在这里:http://pastebin.com/TJweMgtL

Answer 1

在HTML5中,<h1>嵌套n级深度的内部部分被视为<h(n+1)>相反.因此,<h1>单个内部在<section>语义上等同于a <h2>并且如此呈现.在此上下文中,"部分"是指任何的<section>,<article>,<nav>,或<aside>.看一下你的代码,"test-again(now small)"标题位于一个部分内的文章里面,所以它和a一样<h3>.这比<h2>当然要小.

Firefox和Chrome实现了HTML5的这一部分.IE似乎还没有.

看到的例子http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#headings-and-sections在和样式规则http://www.whatwg.org/规格/网络应用/电流工作/多页/ rendering.html#部分和小标题