Html 如何将内容包含在锚定标记中并进行验证？

由于布局要求，我在锚定标签内附上了一个

h4

标签和一个

p

标签。问题是这不能正确验证。我需要链接的锚定标记和背景图像上的鼠标悬停动作

不破坏布局的正确方法是什么

以下是HTML：

<div class="services">
    <a href="http://corecubed.com/our-services/{url_title}">
        <h4>{home_page_title}</h4>
        <p>{home_page_blurb}</p>
    </a>
</div>

---

我愿意接受任何有关这方面的可靠指导。

随着HTML的发展，这可能不是一个问题

在HTML5中，

a

标记可以包含内联和块级元素（分别是短语和流元素）

见：

例子 我使用了以下代码片段：

<a href="http://www.yahoo.com">
    <h3>Go see Yahoo...</h3>
    <p>A short paragraph.</p>
</a>

并创建了以下HTML5页面：

使用下面的验证器，我得到了一个成功的结果 除了警告HTML5验证程序是实验性的（正在进行中）

---

您可以查看并检查详细信息。

您所说的“布局要求”是什么意思？如果您被迫使用该HTML结构，那么不验证就无能为力。它不会验证，因为您不能在

标记中使用块元素。我建议使用javascript解决方案，这将验证。如果您可以更改HTML并将内容保留在

标记中，我建议使用跨度和样式，而不是现有的CSS，只要您不使用块元素，这将验证。我将尝试使用跨度，看看它是如何工作的。嗨，Jack.joe，您的解决方案工作正常。请将您关于使用spans的评论提升为一个答案，我将为此给予您信任。谢谢。嗨，马克，我试着把doctype改成html（5），但我还是遇到了同样的验证问题。@fmz，如果没有解决问题，你为什么接受这个答案？应该是这样的，所以请发布您试图验证的完整文档。@JukkaK.Korpela注释指的是OP的文档，而不是我创建的演示文档。我演示了一个概念验证解决方案，显然OP的想法很有帮助，可以接受。接受答案和评论“我仍然得到相同的验证问题”是矛盾的。我猜使用的doctype是错误的，可能是因为答案没有直接说明要使用的doctype字符串是

，应该出现在文档的最开始。在我的上下文中，由于某种原因，在我将h4和p更改为spans之前，它不会生效。

<a href="http://www.yahoo.com">
    <h3>Go see Yahoo...</h3>
    <p>A short paragraph.</p>
</a>