タグの優先順位

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： 小町 ： 2004/02/06 18:36
タグを打つ際にどのタグを優先して打っていけばいいのか分かりません。

1. <center><font color="red">例えば</font></center>

2. <font color="red"><center>例えば</center></font>

1.と2.の場合ではどちらのほうが正しいとされてるのでしょうか？
どちらも正しく表示されましたが、気になります。
1   名前： ico ： 2004/02/07 00:09
<FONT>タグなどといったインライン要素（前後が改行されないもの）は、
ブロック要素（前後が改行されるもの）を囲む事ができません。
よって、１番が正しいです。

余談ですが
<CENTER>には
<P>か<DIV>要素を付けたほうが良いかと思われます。
2   名前： 小町 ： 2004/02/07 08:52
教えていただきありがとうございました。
すごく分かりやすかったです。
これから<center>を使うときには<DIV ALIGN="CENTER">でしていきます！
3   名前： Sinryow ： 2004/02/08 20:20   ［URL］
> 余談ですが
> <CENTER>には
> <P>か<DIV>要素を付けたほうが良いかと思われます。

普通に <center> だけで書いても全く問題はありません。
HTML4.0 という形式（http://tohoho.wakusei.ne.jp/wwwxx009.htm）においては，<center> よりも <div align="center"> の方が推奨されているということはありますが，私は HTML ソースの見やすくなる <center> の方をおすすめします。
（HTML4.0 は，全般的にHTMLソースが長くなる傾向がありますので，完全に手書きで HTML ソースを書く人には勧められないと私は（個人的に）主張しています（笑）。）
4   名前： ico ： 2004/02/09 01:44
なるほど。
とにもかくも、鵜呑みは良くないって事ですね。＾＾；
後は人の好みによるものなのかなぁ...。
5   名前： t-rex ： 2004/02/10 14:17
center要素も、div要素のalign屬性も、
非推奨であることに変わりはありません。
center要素はHTML4.01の仕樣書で
「shorthand for DIV align=center」
であると説明されているので、全く等価だと言えます。
http://www.w3.org/TR/html4/index/elements.html

それから、ソースの簡素さでいうと
xhtml basic1.0 ≒ iso html > strict, xhtml1.1 > transitional, frameset
という感じでしょうか。
結局は書く人次第になるのですが。
ルールが厳密であるほど、HTMLのソースは簡潔になるはずです。
例えば、

transitional:

<h1 align="center"><font size="4" color="blue">World Wide Web</font></h1>
<p><font size="2">WWW is ......</font></p>
......

strict + css:

h1 {color: blue; font-size: large;}
p {font-size: small;}

<h1>World Wide Web</h1>
<p>WWW is ......</p>
......
6   名前： a ： 2004/02/10 21:25
構造をＨＴＭＬ
デザインをＣＳＳで。

だっけな。

いずれ・・・完全にそうなるはず。
7   名前： t-rex ： 2004/02/10 23:08
たぶん日常の文書ではない「ホームページ」という概念がある限り、
構造と見栄えの分離は難しいかなと。
「デザインなくしては『ホームページ』ではない」という意識が、
構造と見栄えの分離を妨げているような気がします。
本当はストリクトなHTMLから勉強する方が楽なはずなのに、
まだまだ敷居が高いと思われているというのもあるのでしょう。
せめてテキストサイト（特に論文を掲載しているサイト）は、
HTMLの本領発揮できる分野なんだから、ストリクトにやってほしいのですが。

個人的には、論理マークアップさえしていれば、
後はどうやって装飾しても（しなくても）構わないとは思います。

○ <h1><font color="blue">見出し</font></h1>
× <b><font size="7" color="blue">見出し</font></b><br>
一覧へ戻る