何もないけどヨロシク。designmarkupetc.ARCHIVES20192018【CSS】空のaタグでボタンを作るCSSについて2018年11月26日markupとあるコーダーさんから上がってきたコードでこんなのがあった。※余計なクラスは省略div全体がボタンになっているというUI。HTMLはこんな感じ。href=""></a></div>CSS(SCSS)はこう。CodePen.aタグで何も囲まずポジションabsoluteでdivの範囲いっぱいにかぶせてるっていうスタイル。その人だけと思ってたけど意外と他の人もやってる。なんでaタグを空にしているんだろう?気になる。聞いてみたら「特にこだわっていないけど、aタグの中にblock要素や長い文章などはよろしくないっていう印象があるから。それってhtml4までじゃなかったでしたっけ?しかも空タグの方がよろしくないでしょ。html5でaタグではblock要素、inline要素がなくなり、aタグでもdivなどを囲むことが出来る。属性を持つ場合、それはリンクアンカーを表します。pockets個人的にはこっちの方が気持ちいい。いうか構造的にもあってると思う。CodePen.他に理由があれば知りたい。空のaタグが必要になるかもしれない場合がありました。【続】空のaタグでボタンを作るCSSについて空のaタグが必要なケースを見つけました。そもそもの経緯以前空のaタグをposition:absoluteで全面覆ってボックス型のボタンを作る方法について「その必要はないのでは?」という記事を書きました。引き続き調べたら「もしかすると空のaタグを使う場合もあるのでは?...何もないけどヨロシク。2018年11月26日markupPREVWEBディレクターってどこまでやるの?NEXT【CSS】1つのタグでストライプのボーダーの枠を作るメモmarkup【CSS】空のaタグでボタンを作るCSSについて関連記事WEBサイトのテキスト・画像のコピー・キャプチャ防止策まとめ2019年02月05日CSSとJSとPHPでダークモード切り替ボタンを作る。【Sass(SCSS)】$hoge(変数)の使い方2019年02月18日HTMLサイトの共通部分(ヘッダーやフッター)をPHPでパーツ化し、現在のページのメニューにクラスを追加する方法。nanimonaikedo.プライバシーポリシ。