代码之家  ›  专栏  ›  技术社区  ›  Denis Hoctor

<a>中嵌套元素的问题

  •  0
  • Denis Hoctor  · 技术社区  · 15 年前

    因此,快速的背景是,我有一个页面列出一组结果,并为每个结果显示缩略图(图像标记)、简短描述(段落标记)和标题(标题标记)。结果项链接到它的小册子。

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

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

    我以前通过使用头和P的跨距来管理它,但这次我需要在结果项中使用头。

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

    谢谢 丹尼斯

    编辑:如果还不清楚的话,希望现在是。

    2 回复  |  直到 15 年前
        1
  •  2
  •   Aaron Digulla    15 年前

    简短:没有。

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

    这是有道理的。想想这个例子:word1块word2。浏览器应该如何布局块?当它遇到元素时,它试图将单词包装成尽可能小的垂直空间。它是不是应该从自动换行中跳出来,稍后再返回?或者将块视为一个词(打破块元素默认为100%宽度的契约)?

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

        2
  •  0
  •   Dewfy    15 年前

    所有项目:SPAN,A,IMG标题,符合XHTML! 您必须为不带inners的标记编写结束“/”。 例如:

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

    使用A:

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