(イ) 文法に則ったHTML記述

ここであなたは、疑問に思うかも知れません。

なんで、わざわざリストタグなんて使うの？と
改行すればいいじゃない、と。

つまり、

<ul>
<li>項目１</li>
<li>項目２</li>
<li>項目３</li>
</ul>

なんて、面倒くさいことをしなくても

・項目１<br>
・項目２<br>
・項目３<br>

これでいいじゃん。　ということです。

確かに見た目は、ほとんど同じ。違うのは●の大きさくらいです。
でも、やはり上で書くことが良いとされています。

なぜか。
その答えは、ウェブサイトを見るのは、人間だけではないからです。

さまざまな機械（プログラム）が、あなたのウェブサイトを見ます。もちろん、ブラウザを使ってみるのではなく、直接HTMLを、ですが。

例を挙げると、Yahoo!やGoogleが検索結果を表示する時には、あなたのサイトのソース（HTMLのコード）を覗きに来ます。それをみて、「リストだから、この３つの項目の重要度は並列だな」とか、「これは見出しだから重要だな」などと判断します。

また、CSSでデザインをする時もそうです。<br>で改行していただけでは、それはただの文字列ですが、<ul><li>タグを用いることで「リストだ」とわかり、リスト専用の装飾などが行えるようになります。

だから、出来るだけ人間だけでなく、プログラムにもわかりやすい書き方をする必要があるのです。

タグは、その目的のためだけに使う。
これを少し意識してウェブサイトをデザインしていくだけでも、上達は早くなると思います。

あなたも、サポートメールに参加しませんか？

『初めてWeb入門』に取り組んでくださっている方にサポートメールをお送りしています。
ここでは、『初めてWeb入門』では紹介し切れなかったウェブデザインの知恵を配信しています。
名前とメールアドレスだけで参加出来ますので、興味のある方は、ぜひご参加くださいね＾＾

※サポートメールは、いつでも解除できます。詳しくはサポートメールのページをご確認ください。