in TCD on 2022-04-25
テーブルブロックでは実現が難しい表現を可能にする工夫：
- 1行目を見出しにする：theadとcolspanを使用。
- 横幅を調整：widthで列ごとに横幅を指定.
- 背景色を設定：background-colorで指定。
- 文字を中央寄せ：WordPressのエディタからも可能。CSSのtext-align:center; で中央寄せに。
- 枠線を太くする：WordPressのエディタでも変更可能。border-bottom、border-top、border-right、border-leftで指定。
- セルを横に統合：colspanでセルを結合。
- セルを縦に統合：rowspanでセルを結合。
- 横スクロール：overflow: auto;は、子要素がはみ出した場合にスクロールさせる記述。white-space: nowrap;は、テキストを自動的に改行させないための記述。
- 英単語の自動改行を解除：word-break: break-all;を入れておくと、英単語が自動改行されない。
テーブルは記事を読みやすくするアイテム
- テーブルの本質は、情報の整理にある。
- テーブルは情報を視覚的に整理できるので、それだけで文章が読みやすくなる。
- 読みやすい記事は、ユーザーからの評価も高くなるため、結果として検索エンジン対策にもつながる。
- テーブルを上手に活用することは、ブログ運営ではとても重要。