<p>标签可以在<a>标签中吗？
<p>标签可以在<a>标签中吗？
提问于 2012-12-17 09:17:32
当我们写某种“产品清单”时，你只需要一个链接，但是它应该包含产品图像、产品名称、产品标题等等，我们可以使用包含p或其他标签吗？有跨浏览器问题吗？
我在html5中听说，标签可以包含p标记，但仍然对使用它没有信心。
有些代码如下：
<ul class="xxx_list">
<li class="hproduct">
<a href="#" class="url" title="" target="_blank">
<img class="photo" src="shoujike.jpg" alt="手机壳">
<p>
<span class="price_wrap">¥<span class="price">88.00</span</span>
<span class="fav">收藏</span>
</p>
<p><a class="fn" href="">基本商品单元的商品名称</a></p>
</a>
</li>
</ul>回答 2
Stack Overflow用户
发布于 2012-12-17 09:21:46
在HTML4.x(及更早版本)和XHTML1.x-No中。<a>元素可能不包含<p>元素。
在HTML5中-- <a>元素可能包含<p>元素，但是浏览器有点古怪，您可能会发现必须在样式表中显式地将<a>设置为display: block。
问题中的代码还包括该<p>内部的一个<p>。这是不允许的。<a>元素可能不是另一个<a>元素的后代。
Stack Overflow用户
发布于 2012-12-17 09:41:10
在a标记中，可以是带有默认display: inline或inline-block的标记。标签如span，em，strong等。
您可以使用某些类将p更改为span，并为该类编写一些样式。
P.S.：你不能在a内部使用a。
更新：
<ul class="xxx_list">
<li class="hproduct">
<a href="#" class="url" title="" target="_blank">
<img class="photo" src="shoujike.jpg" alt="手机壳">
<span class="some-class-name">
<span class="price_wrap">¥<span class="price">88.00</span</span>
<span class="fav">收藏</span>
</span>
<span class="fn">基本商品单元的商品名称</span>
</a>
</li>
</ul>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13911274
复制相关文章
相似问题
腾讯云开发者
