首页 > 解决方案 > 在“p”标签内带有“href”属性的“a”标签

问题描述

在处理我的 html 布局时,我在“p”标签内使用“a”标签和“href”。这似乎非常普遍和合乎逻辑。但根据 HTML5.2 规范,我可以看到“p”标签的内容模型是“短语内容”。 链接到规范

同时,带有“href”属性的“a”标签具有“Categories:Interactive content”,因为它具有“href”属性。 我可以在规范链接上看到“如果元素具有 href 属性:交互式内容。”

因此,带有“href”的“a”标签是交互式内容,我们不能在“p”标签中使用它,因为它只允许在“短语内容”中使用

我的问题是:是否可以在“p”中使用“a”和“href”,是否符合 HTML5 规范?

我已将我的代码spinet 放入验证器,我没有警告或错误,但我很困惑,因为 HTML 规范说它是不允许的

<p class="footer__title">Write us 
  <a class="footer__link" href="mailto:osago-online@gmail.com">osago-online@gmail.com</a> 
</p>

或者这样的代码:

<p class="footer__text">
    Call us or search us in google
   <a class="footer__link" href="tel:0074732288507">+7 (473) 22-88-507</a>
   <a class="footer__link" href="https://www.google.com/">Search google</a>
</p>

我想在“p”标签中使用带有“href”的链接,并认为这是可能的,但从我的角度来看,HTML 规范说“不”(现在我可以从 Alohci 的回复中看到规范说“是”

标签: html

解决方案


交互式内容和短语内容不是相互排斥的类别。<a>具有 href 属性的元素属于这两个类别。您应该阅读第3.2.8.2 节。内容种类


推荐阅读