<a></a>中嵌套元素的问题

时间:2009-10-02 09:20:58

标签: html xhtml seo

所以快速背景是我有一个列出一组结果的页面,每个我都会显示一个缩略图(图像标签),简短描述(段落标签)和标题(标题标签)。结果项链接到它的手册。

我希望每个结果(大约100px的高度和全宽)都是单个链接,而不是让图像和标题成为单独的链接。这是出于设计原因和SEO(对于给定结果有1个链接而不是2个,有助于控制内部链接和给定页面上的链接数等。)

问题是html4和xhtml不允许在链接中嵌套标题或段落。

我之前通过使用标题和p的跨度来管理它,但这次我需要结果项中的标题。

我想知道的是,是否有人可以解决这个问题,如果没有,那么在这种情况下不符合标准的问题是什么?

由于 丹尼斯

编辑:Aplogies如果不清楚,希望现在是。

2 个答案:

答案 0 :(得分:2)

简短:不。

链接是内联元素(它们像单词一样流动,而不像块元素那样获得自己的行)。 HTML标准说:内联元素不能包含块元素。

这是有道理的。想想这个例子:word1 BLOCK word2。浏览器如何布局BLOCK?当它遇到元素时,它试图将文字包装成尽可能小的垂直空间。它应该突破自动换行,然后再返回吗?或者将BLOCK视为一个单词(违反了块元素默认为100%宽度的合约)?

也就是说,大多数浏览器仍会或多或少地正确显示。但你不能依赖它。

答案 1 :(得分:0)

所有项目:span,a,img标题,符合xhtml! 您必须为没有内部的标签写关闭'/'。 例如:

<img src="..." /> <!-- closing image -->

使用:

<a href="..."><img src="..."/></a>