在'p'标签内具有'href'属性的'a'标签

时间:2019-04-13 14:10:41

标签: html5

在处理html布局时,我在'p'标签内使用了'a'标签和'href'。 这似乎很常见且合乎逻辑。但是根据HTML5.2规范,我可以看到'p'标签的Content模型是'Phrasing content'。 link to spec

同时具有'href'属性的'a'标签具有'Categories:Interactive content',因为它具有'href'属性。   I can see on the specification link “如果元素具有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的回复{{ 3}}

2 个答案:

答案 0 :(得分:0)

根据您链接的文档,p标记后可以跟address标记,如果您看到address标记规范here,则示例6显示如何使用{ a标签中的{1}}标签。

但是我认为,如果在address标签中使用a标签,没什么大不了的。

答案 1 :(得分:0)

交互式内容和短语内容不是互斥的类别。具有href属性的<a>元素属于这两个类别。您应该阅读3.2.8.2. Kinds of content

部分