html - P 换 A 或 A 换 P

Question

在 html 中创建链接的最佳方法是什么我主要使用 html4 但我试图实现 html5

所以我的问题基本上是包装标签，p还是a？

这：

        <p class="center">
            <a href="#">
                <img src="addToCart.png">
            </a>
        </p>

或这个：

        <a href="#">
            <p class="center">
                <img src="addToCart.png">
            </p>
        </a>

谢谢。

score 7 · Accepted Answer

在 HTML 4.1下，默认情况下，a元素display: inline不能包含块级元素，例如p; 因此p应该换行a。

但是，如果您使用的是 HTML 5，并且拥有<!doctype html>，那么任何一种方式都是可以接受的（并且是有效的），因此请使用您认为最符合您要求的方式。

score 0 · Accepted Answer

锚点只能包含内联元素（span、strong、em 等）。段落标签是块状的 - 因此无效。设置 display:inline 它肯定会工作，但它不再有效。

你的第一个例子是正确的。

如前所述 = 这仅在 html4 中是正确的。

score 0 · Accepted Answer

规格<a>

规格<p>

综上所述，以上两种方法都可以使用并且有效。 <a>具有透明的内容模型（不包括其他交互式内容），因此它几乎可以包装任何东西。 <p>以“词组内容”为模型，<a>属于词组内容范畴。 <img>也在“措辞内容”中。

因此，您的两个示例都是完全有效的。这完全取决于你想具体做什么。

3 回答 3