HTML5下<a>元素下可以包裹塊級元素

在目前HTML5下，連結<a>這樣的内聯元素下也可以包裹塊級元素。

這是一個非常好的改進，代碼執行個體如下:

<code>&lt;!DOCTYPE html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>meta</code> <code>charset</code><code>=</code><code>"utf-8"</code><code>&gt;</code>

<code>&lt;</code><code>title</code><code>&gt;螞蟻部落&lt;/</code><code>title</code><code>&gt;</code>

<code>&lt;</code><code>style</code><code>&gt;</code>

<code>div {</code>

<code>  </code><code>width:100px;</code>

<code>  </code><code>height:100px;</code>

<code>  </code><code>background:#ccc;</code>

<code>  </code><code>text-align:center;</code>

<code>  </code><code>line-height:100px;</code>

<code>  </code><code>text-decoration:none;</code>

<code>}</code>

<code>&lt;/</code><code>style</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>a</code> <code>href</code><code>=</code><code>"css.html"</code><code>&gt;&lt;</code><code>div</code><code>&gt;螞蟻部落&lt;/</code><code>div</code><code>&gt;&lt;/</code><code>a</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

由上面代碼的表現可以看出，連結&lt;a&gt;下确實可以包裹塊級元素。

原文釋出時間為：2017-2-27 

本文作者：admin

本文來自雲栖社群合作夥伴“螞蟻部落”，了解相關資訊可以關注螞蟻部落