[HTML & CSS General] Haml: div を a タグで囲めないのは div 内に a タグがあるから

凡ミスの記録。

HTML 5から、div タグ全体を a タグで囲むことができるようになりました。

<a href="">
  <div class="link-box">省略</div>
</a>

Haml でこのようなソースを書いていたつもりが、下記のように失敗していました。

<a href>
        </a>
<div class="link-box">省略</div>

結論としては anchor element を anchor element で囲んでいたから。

See the Pen Haml make a div into the anchor element by DriftwoodJP (@DriftwoodJP) on CodePen.

つかれてるなぁ。