<h21>自定义标题在Chrome和FireFox中显示正常,但不是IE9

Question

问:为什么以下标题在IE9中的显示方式与我在Chrome/Firefox中的预期不同(这是从mvc3/razor/css调用的？

h21 
{
    font-size: 1.6em;
   padding-bottom: 10px;
    display: block;
}

<h21>Custom Defined Header as &lt;h21&gt;</h21>

按照以下屏幕截图:Top是Chrome和Firefox(正如预期的那样),底部是IE9.

Answer 1

不要发明自己的标签.坚持使用HTML代替.

虽然你能说服大多数浏览器渲染(和应用CSS来)未知元素,它们是没有意义的大多数客户端(包括屏幕阅读器和搜索引擎索引机器人),并产生大量的噪音,当您使用基本的QA验证程序.

也就是说,您可以通过使用JS生成该类型的元素(document.createElement('h21');)来说服IE将CSS应用于未知元素.