HTMLタグの付け方の順番について

質問

よろしくお願い致します。

例えば赤字にするタグと強調タグを同じテキストに設定する場合、テキストに対し、どちらが内側のタグでもう一方は外側というようなルールはあるのでしょうか？？

参考URLだけでも結構です。アドバイス頂けますよう、お願い申し上げます。

回答No.1

ok-rjak · ベストアンサー

基本的には、赤字にするタグも強調タグもHTML上には書かない方がいいです。
HTMLは文書の構造を記述するための言語であって、書式を設定する言語ではないからです。
書式を設定するためにはCSSを使いましょう。

例えば、以下のタグはなるべく使わない方がいいとされています。

<font>タグ、<b>タグ、<u>タグ、<i>タグ、<frame>タグ　等

なので、

<font color="#ff0000"><b>テキスト</b></font>
または
<b><font color="#ff0000">テキスト</font></b>

とは書かずに、CSSで以下のように記述します。

<strong style="color:#ff0000">テキスト</strong>
（こちらも本当は適さないのですが・・・）
または
<style>
.red{ color:#ff0000; }
</style>
<strong class="red">テキスト</strong>

どうしてもfontタグなどを使うと言う場合は、特に順序は問いません。どちらでも同じです。
ちなみに以下のように入れ子構造がおかしくなるタグの閉じ方は禁止です。気をつけてください。

<font color="#ff0000"><b>テキスト</font></b>
fontの後でbが始まっているので、先にbから閉じないといけない。

念のため、HTMLとCSSの参考URL入れています。有名どころですが。

参考URL：

http://www.htmq.com/