2012-04-03 65 views
2

我有问题让我的字体样式在IE8中显示正确。在所有其他浏览器中看起来都很好。在IE8中的自定义标签

例如,此页面上的标题是 “巴西莓” 有一个标签: http://www.ultralaboratories.com/Fruitrients/Acai%20Berry/index.php

在MYS CSS文件,H10是这样的:

h10 { 
font-size: 2em; 
color: #000; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bolder; 
padding-bottom: 5px; 
} 

在IE8它没有正确设置其样式, ;它不是粗体或大文本。所有其他字体似乎都很好。

谢谢!!!

+0

您是否检查过开发工具中的样式? – vansimke 2012-04-03 01:45:51

+3

h10不是有效的HTML元素。该页面是否通过验证? – Sparky 2012-04-03 01:47:15

+1

您应该考虑正确使用您的H标签,它对搜索引擎优化很有用,并且可以阻止您目前遇到的问题:http://www.htmlcodetutorial.com/_H35n.html至少,请考虑标记网站标题作为H1,并从您的导航中删除H1标签(因为它不是主标题)。 – djlumley 2012-04-03 01:54:00

回答

3

H10不是定义的HTML标记。如果您想为其指定样式,请使用其他标记和/或设置类属性。

从快速浏览页面的源代码看来,您似乎是随意使用标题(其中H2H6?)您真的有10级文档大纲?

如果真有需要创建自定义标签/属性:Is there a way to create your own html tag in HTML5?

不过,我觉得定义的一组标签可以超过充分说明你的文档结构。

我也建议validating your site,删除不推荐使用的标签,如CENTER,并用CSS代替BR标签来管理间距。

+0

感谢Tim的回复。 我很困惑; h10在CSS的第254行定义。这不适用于这种风格吗? 是的,毫无疑问,我没有遵循最佳实践。我自学成才,这是我的第一个网站。 – 2012-04-03 02:02:17

+2

由于它不是一个定义的标签,因此浏览器可能会或可能不会选择应用该样式。 IE8不会将样式应用于它无法识别的标签(至少从我见过的标签中)。 – 2012-04-03 02:03:36

+0

@Capm,你不能用CSS创建HTML标签。它们必须已经有效。 – Sparky 2012-04-03 02:43:48

3

没有元素叫做h10在有效的HTML文件中。有效标题是:h1,h2,h3,h4,h5和h6。这对于那些头遵循层次结构的HTML文档非常重要,如:

<h1>Document Title</h1> 
<h2>Document Section</h2> 
<h3>Document Sub-Section</h3> 

这也是SEO非常重要。