Qiita記事を見ていると「なんとなくで書かないで!HTML5を書く時に気にしてみたいタグごとのお約束 - Qiita」で、HTMLを書くときの注意点などが紹介されていました。 ただ「aタグの中にaタグ」の箇所で、JSを使う方法が紹介されていました。 これはJSは使わなくてもできます。 気になったので書いてみました。 まず、aタグの中にaタグはどういう状況か? 例えば、カード全体がクリッカブルエリアになっており、子の要素にもリンクが必要な時です。 HTMLで表現するなら、下記の状態。 しかしHTMLの仕様上、aタグの中にaタグは含められません。 仕様を無視していれても、動作しません。 <a href="" class="card"> <div class="card-inner"> <h1 class="card-title">Title Text</h1> <ul class="card
![aタグの中にaタグをJSを使わずに配置したい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/680526bf2d38c1bd8572716eb1e661fe009fea42/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9YSVFMyU4MiVCRiVFMyU4MiVCMCVFMyU4MSVBRSVFNCVCOCVBRCVFMyU4MSVBQmElRTMlODIlQkYlRTMlODIlQjAlRTMlODIlOTJKUyVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MiU4RiVFMyU4MSU5QSVFMyU4MSVBQiVFOSU4NSU4RCVFNyVCRCVBRSVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MSU4NCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MDhiNTAxYTBhZjE3MTgwODI4MDEwMmFjMzk0ZmM4NjE%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrb2ppa2ExNyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MzAzZjU2ZWVlNDEwNmZlZTM4OTRmZTczOTAxN2ZmOTc%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D7bb00d72974c728439f8dd977b504a68)