今日結構衝撃的なことを知りました。
それは
a要素の中にdivやpなどのブロック要素を入れても良いということ。
今日までは
a要素はインライン要素で
divはブロック要素だから
塊全体にリンクを貼りたいときは
divを親要素にしてposition:relative;を指定
a要素に
position:absolute;
top:0;
left:0;
display:block;
って指定していました。
でも今日知ったことは
そもそもhtml5にはインライン要素とブロック要素という概念がない
ということ。ええええ!私がweb制作に携わり始めたときは既にhtml5だったのに!!!知らなかった。
とりあえずコンテンツモデルが変わっているらしい。
名前が変わっているだけで基本的に今までインライン要素だったものはブロック要素だったものを囲めないというのは
変わらないんですが、a要素だけは囲めるようになっているようです。
ただ、ulの直下にa要素を置くとかいった使い方は出来ないようなので注意しましょう。
以上!!