XHTMLをタダで勉強したいです

質問

XHTMLでサイトを作ろうと思うので、XHTMLをタダで勉強できるようなXHTMLについて詳しいサイトを知っていたら教えてください。

回答No.2

coder · ベストアンサー

う～～んと、基本的にHTMLとXHTMLはそんなに違わないのでHTMLを理解されているのであれば、別に特に勉強する必要はないと思います。
パッと思いつくあたりで、相違点は下記に書く事くらいなので。
--------------------------------------------------
1.しめタグないものの記述方法
例えば<br>は<br />。しめがないものは「 /」がいるんです。

2.XHTMLでは、禁止されている（なくなっている）タグがいっぱい
strictなんかを使うと、けっこうかっこいいデザインをコーディングするのに苦労する。

3.要素名、属性名は小文字

4.属性は必ず「属性名=属性値」の形式
○ <input type="checkbox" checked="checked" />
× <input type="checkbox" checked />

5.属性値はすべて "　" で囲む
○ <img src="xx.gif" alt="xx" width="100" height="100" />
× <img src="xx.gif" alt="xx" width=100 height=100 />
--------------------------------------------------

単にSEOを考えてやるだけであれば、上記を把握すればいいのではないでしょうか？
むしろ問題はCSSの方です。
XHTMLでコーディングする場合、<Table>を使ったレイアウトやspacer.gifを使った間隔取りはしません。
前者の場合は<div>などをCSSでfloatさせたり、後者はmarginもしくはpaddingを使います・・・が、現状のCSSはまだまだ頼りなく、どんなにきれいにCSSを組んでもどこかしらではブラウザ対応の記述をしなければ上手くいかないところが出てきます。

つまりXHTMLを勉強するというよりも、CSSを勉強するという感じになるのではと思います。

一応下記のようなサイトもあるので追加で付けときます。

参考URL：

http://www.mozilla.gr.jp/standards/webtips/index.html

回答No.1

Edit

まず、 HTML を習得済みでしょうか？
まだでしたら、以下のサイトをご覧になると良いかもしれません。

"ごく簡単なHTMLの説明"
http://www.kanzaki.com/docs/htminfo.html

また、 HTML と XHTML の相違点を知るといいかもしれません。

Let's begin XHTML -- Appendix B
http://www.tg.rim.or.jp/~hexane/ach/lbxh/lbxha2.htm

解説サイトはたくさん存在するので、比較的タダで勉強できるでしょう。
頑張ってください。