HTML

【めも】Browsersyncでサーバーを起動するまで

browsersync.io プロジェクト用ディレクトリで作業する。 $ npm init # 全てEnterでOK $ npm install -D browser-sync package.json の修正。 { ... "scripts": { ... "start": "browser-sync start --server --files='./*.html, ./*.css'" } } 以下のコマン…

【HTML5】a要素の中にdiv要素などのブロックレベル要素は使ってよいのか

先日、以下の記事でa要素の中にdiv要素を使った例を載せた。 tomcky.hatenadiary.jp 実際、これは構造として正しいのだろうか。 結論から言えば、HTML5であれば問題ない。 W3Cのa要素についての説明(英語)。 4.6 Text-level semantics — HTML5 こっちはMDN…

HTML5の空要素の閉じ方について

よく <br /> や <br> 、 <img src="" /> や <img srx=""> など、空要素の閉じ方として /> と > が混在していたりするが、これは一体どっちが正しいのか。 結論として、HTML5的には > が正しい。が、 /> でも問題はない。 /> という閉じ方はXHTMLでは必須で > という書き方をしてはいけなかった。 …