furoshiki0223 https://blog.hatena.ne.jp/furoshiki0223/ ふろしき Blog https://furoshiki.hatenadiary.jp/ CSS 用語・TIPS Web標準 SI向け Web制作者向け テクノロジー 横並びのブロック要素の作成はWeb技術入門者にとっての最初の難関であり、その考え方を理解するのに多くの時間を要します。テーブルレイアウトに逃げてしまう元凶でもあります。ボタンを左から右に向かって並べるナビゲーションバーなんて、まさにその好例です。 どのようにマークアップすべきか？ かつて「テーブルレイアウト」と呼ばれる手法が一般的だった頃、この実装は「table要素」を使うのがスタンダードでした。しかし「フルCSSレイアウト」が推奨される現在では、このやり方はご法度です。Webにはセマンティクスという考え方があり、table要素は表を作る以外の目的に使うことが推奨されません。検索エンジンのクロ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffuroshiki.hatenadiary.jp%2Fentry%2F2013%2F09%2F25%2F021508" title="ナビゲーションバーを作るためのベストプラクティス(clearfix法とinline-block法) - ふろしき Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/f/furoshiki0223/20130923/20130923012742.png Hatena Blog https://hatena.blog 2013-09-25 02:15:08 rich https://furoshiki.hatenadiary.jp/entry/2013/09/25/021508 1.0 100%