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>

謝謝。

Answer 1

在HTML 4.1中， a元素display: inline默認情況下， display: inline不能包含塊級元素，例如p ； 因此p應該包裝a 。

但是，如果您使用的是HTML 5，並且具有<!doctype html> ，那么任何一種方法都是可以接受的（並且是有效的），因此請使用最能滿足您要求的方法。

Answer 2

錨只能包含內聯元素（跨度，強度，em等）。 段落標簽是阻止的，因此無效。 設置display：inline，它當然可以工作，但是不再有效。

您的第一個例子是正確的。

如前所述=僅在html4中為true。

Answer 3

<a>規范

<p>規格

綜上所述，以上兩種方法都可以使用並且有效。 <a>具有透明的內容模型（除了排除其他交互式內容之外），因此它幾乎可以包裝任何東西。 <p>具有“短語內容”作為其模型，並且<a>在短語內容類別中。 <img>也在“措辭內容”中。

因此，您的兩個示例都是完全有效的。 這完全取決於您要具體做什么。