1. セマンティックなレイアウト
HTMLは単なる見た目ではなく、意味(セマンティクス)を正しく伝えることが重要です。
例えば、<main>や<article>を使うことで、検索エンジンに主要な内容を伝えます。
2. リストとテーブルの活用
学習のメリット
- 構造の理解が深まる
- SEOに強くなる
- アクセシビリティが向上する
要素一覧表
| タグ | 役割 | 種類 |
|---|---|---|
| <div> | 汎用的なグループ化 | ブロック要素 |
| <span> | テキスト内の一部装飾 | インライン要素 |
3. マルチメディアと空要素
画像を表示するには
<img> タグ(空要素)を使用します。
MDN公式サイトで詳細を見る