お寿司か焼き肉食べたい

まじめな事からしょーもない事まで
めにゅーを開く(投げやり)

マークアップ、しようぜ!

マークアップ、簡単に言い換えると、文章の意味が分かるタグを使用しましょう、ってことになります。
詳しく話すと終わりがない内容なのですが、さらっと概念だけでも分かると良いと思います。

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

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

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

ぼくのなまえについて
ぼくのみょうじ
私の名前は寿司です
ぼくのなまえ
FirstNameは太郎デース!

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

ぼくのなまえについて

ぼくのみょうじ

私の名前は寿司です

ぼくのなまえ

FirstNameは太郎デース!

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

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