html 4.0 以来、テキストをどのように表示するかはスタイルシートで指定し、タグは指定部分がどのような性格や内容をもっているかを指定するというように、表示と内容をはっきりと分離する方向に進んでいます。
html 3.2 の時代には i,b など表示方法を直接に指定するタグがたくさんありました。4.0 ではそれをなるべく使わずに、重要度を表すならiの代わりにem、bの代わりにstrongを使うように、とくに重要でないのならspanを使うように勧められました。
spanとclassを組み合わせれば、見た目の変化は自由につけることができます。しかし、なぜその部分を他と区別したかったかがわかりません。
なぜその部分を他と区別したかまで、画面の表示ではわかるようにすることは無理ですが、スマートフォンなど画面の小さな端末や視覚障碍者のための読み上げ機器など、様々な場面にあった取り扱いを考えていくときの手がかりになります。
また、検索のためにデータを収集することを考えると、学術用語、外国語のフレーズ、本の題名・音楽の曲名、などがタグで区別されていれば効率が上がります。
このような事情を考慮して、html5 では i,b などのタグを表示方法の指定ではない別の役割のタグとし、addres,citeなどの役割をより厳密に規定しなおして、spanでの指定は他に手段がないときに限定しているのだと思います。
そこで、たとえ画面に表示される形が同じであっても、タグを区別することは意義があります。きちんと分類できるタグを使うことで、検索で上位に上がり役に立つことができます。自分の作るページがそのような役に立つものでないと考えるなら役割を主張しないspanを多用して見え方を指定するのがいいでしょう。
タグ | html 3.2 | html 4.0 | html5 |
---|---|---|---|
i | イタリックにする | なるべく使わずに | 英語でイタリックにするような内容である要素 |
b | 太字にする | 英語で太字にするような内容である要素 | |
s | 取り消し線付き | 推奨しない | もう正確ではない、または、もう関連性がない内容である要素 |
u | 下線付き | 本来とは異なった表記を伴うテキストの範囲(ほとんどの場合で、他の要素のほうが適切) | |
small | 「小さい」フォント | なるべく使わずに | 免責条項、警告、法的制約、著作権表記などの付帯注釈 |
big | 「大きい」フォント | 廃止 | |
tt | 等幅テキスト | 廃止 |