マークアップすることでいい事があるのか？

前回入れ子の話をしたときに書いたものを例にとってみます。

↓マークアップを考えていない例↓

マークアップを気にしている例

間違いさがしではないんですが、見た目まったく同じ結果です。

やったぜ！見れればOKなんや！

んなわけないです。それでOKなら全部画像にしろって話になっちゃいますよね。

タグの中身はどうなっているのか？それを確認してみましょう。

マークアップを考えていない例

<div>ぼくのなまえについて</div>
 <div id="nameBox">
  <div>ぼくのみょうじ</div>
  <div>私の名前は<span class="textRed">寿司</span>です</div>
  <div>ぼくのなまえ</div>
  <div>FirstNameは<span class="textRed">太郎</span>デース！</div>
 </div>

マークアップを気にしている例

<h1>ぼくのなまえについて</h1><-- 大見出し -->
<div id="nameBox">
 <h2>ぼくのみょうじ</h2><-- 子見出し -->
 <p>私の名前は<span class="textRed">寿司</span>です</p><-- 文章段落 -->
 <h2>ぼくのなまえ</h2><-- 子見出し -->
 <p>FirstNameは<span class="textRed">太郎</span>デース！</p><-- 文章段落 -->
</div>

気にしていない例はただ単に文字列を羅列しているだけ
気にしている例は各文字列に意味のあるタグを付与している事が分かります。
SEO!SEO!言うてますが、基本の中の基本です。意味のあるタグを使う事によって
文のタイトル(見出し)はどれなのか、他で言えば【リスト】なのか【数字付きリスト】なのか【定義リスト】なのか
をハッキリとさせて意味のある内容にしましょう。
小説なんかで目次見出し文章の体がめちゃくちゃだと分かりにくいのと同じと思って下さい。