kikiki-kiki https://blog.hatena.ne.jp/kikiki-kiki/ かもメモ https://chaika.hatenablog.com/ HTML HTML5になってからdevなどのブロック要素をaタグで囲ってもOKになったので エリア自体をリンクにしたいときなど、まるっとaタグで囲ったりする事も多いです。が、ここで少し気をつけたい事。 aタグをaタグで囲むとブラウザが空気読んで勝手にaタグの閉じタグを出力してくれるので崩れます！例えば、 エリア全体はhogeのリンクで、fugaをクリックした時はfugaに飛ばしたいみたいな感じで、次のようなHTMLを書いたとします。 <div class="area"> <a href="hoge"> <p>hoge<a href="fuga">fuga</a></p> hogehoge </a> </… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2014%2F04%2F24%2F234351" title="HTML aタグの中にaタグを入れると崩れる - かもメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/k/kikiki-kiki/20140424/20140424233843.png Hatena Blog https://hatena.blog 2014-04-24 23:43:51 rich https://chaika.hatenablog.com/entry/2014/04/24/234351 1.0 100%