元Webデザイナー兼コーダーの備忘録

ITとデザインの話題を中心に書きます。

 menu

HTML入門(タグの誤用)

タグの誤用について

よくある間違ったタグの使い方をご紹介します。このような使い方はしない方が良いです。

brタグで余白を調整するのは誤用

brタグは改行のためのタグです。余白を調整するために使うのは誤用です。 長文のときの改行として使うのが正しい使い方です。見た目の調整は、CSSでしてください。

<!-- brタグの間違った使い方 -->
<p>Hello HTML.</p>
<br>
<br>
<br>
<!-- brタグの正しい使い方 -->
<h2>○○月××日の日記</h2>
<p>今日は、~~~~~~~~~~~でした。<br>
私は、~~~~~~~~~~~~~~~~~~~~~~、~~~~~~~~~~~しました。<br>
明日は、~~~~~~~~~~~~~~~~~~~~~~します。</p>

tableタグでレイアウトをするのは誤用

tableタグは、表を作るためのタグです。サイトのレイアウトで使うのは誤用です。レイアウトは、CSSでしてください。

<!-- tableタグの間違った使い方 -->
<table border="1">
<tr><td colspan="2">ヘッダー</td></tr>
<tr><td>コンテンツの内容</td><td>サイドバー</td></tr>
<tr><td colspan="2">フッター</td></tr>
</table>
<!-- tableタグの正しい使い方 -->
<table border="1">
<thead>
<tr><th>名前</th><th>国語</th><th>数学</th></tr>
</thead>
<tbody>
<tr><td>A君</td><td>90点</td><td>80点</td></tr>
<tr><td>B君</td><td>70点</td><td>90点</td></tr>
<tr><td>C君</td><td>100点</td><td>80点</td></tr>
</tbody>
</table>

タグを誤用しない方がいい理由

タグを誤用すると、検索エンジンの評価が下がる可能性があります。つまり、検索結果で上位を狙えないかもしれません。曖昧な言い方になってしまうのは、検索アルゴリズムが非公表のためです。

検索結果を考慮してサイトを作る場合は、適切なマークアップを念頭に置いて作成することになると思います。検索結果を気にしない場合は、好きに作って良いのかもしれません。