サイト制作時にリンク設定などで頻繁に使うaタグですが、その飛び先はサイト内リンクやページ内リンク（アンカーリンク）、外部リンク、メーラーを起動、スマホであれば電話を掛けるなど使用用途は様々です。そして、それらのリンクの種類ごとに飛び先がわかりやすいようにアイコンなどで、リンクの種類がひと目で分かるようにするなどの配慮も必要になります。今回はCSSのみでリンクを判定し、スタイルを振り分ける方法を紹介します。 target属性によって指定する方法 基本的にtarget=”_blank”の形で指定することが多いtarget属性ですが、 上記のように書くことで、target=”_blank”が指定されているaタグにのみに指定することができます。もちろん”_blank”の部分を変えることで、他のtarget属性に指定するようにできます。 ちなみにですが、target=”_blank”には脆弱性がある
<g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く