2010-09-28 92 views
1

根据W3C封装的1个锚标签中的多个元素是无效的。包含多个标题的锚链接?

我想知道是否有一个整洁的CSS解决方案将多个标题和图片标签合并为一个有效的可点击定位点?

我正在建设一个房产上市网站,我希望我的'迷你列表框'只有1个主播。这是我的无效代码:

<a href="listings.html"> 
    <h4>FOR SALE</h4> 
    <h2>Listing Title</h2> 
    <h4>$1,000,000</h4> 
</a> 

回答

2

实际上,不,它是无效的,只要它是内联元素(跨度,图像...)。

而在HTML5中,使用块元素(div,或者像您的示例,标题)也是有效的。不过,Firefox有时候并不太喜欢这个。因此,如果您想要坚持使用旧的HTML 4/XHTML 1,您需要将这些标题转换为跨度(以及相应的样式),而如果您使用HTML5和Firefox的行为,则您的代码在形式上可以正常使用(注意:无论如何,使用这样的标题没有多大意义)。

+0

为什么以这种方式使用标题没有意义?当然,我使用标题而不是跨度获得更多SEO价值? – jnthnclrk 2010-09-30 14:13:11

+1

您应该为标题使用标题,即当页面的一部分需要标题时。一个实际的标题,你不应该标记所有的文字与标题SEO原因。此外,搜索引擎不容易被这样的技巧愚弄。在搜索引擎中,好的,标记良好的内容总是会获胜。 在这个例子中,唯一有意义的标题是h2。 – Laz75 2010-09-30 22:00:43

+0

啊,我明白你的意思了。我会抛弃H4s。感谢您的建议,Laz75! – jnthnclrk 2010-10-01 11:05:14