macでxhtml+cssレイアウトのWebサイトを制作する為に知っておくべきxhtmlについての基本


xhtml,CSSレイアウト
xhtmlについて

当サイトはブログ(Movabletype)と表示を統一するため、xhtml,CSSレイアウトで制作しています。

xhtmlについてはとりたててコーディングの上でhtmlの場合と大差はないと思います。

xhtmlについて
htmlとのタグの違い

xhtmlとhtmlの大きな違いといえば、タグを絶対に閉じなくてはいけないのと必ずしも閉じなくても表示が崩れないという事だと思います。

xhtmlではタグは必ず閉じなくてはいけません。brタグでさえ>br />という表現になり単独のタグの中で閉じています。divやpなどのタグも必ず>/div>、>/p>で閉じないと表示が崩れてしまうので注意が必要です。

xhtmlについて
その他の注意点

その他に違いといえばヘッダー部分の記述の違いがありますが、Dreamweaverなどのソフトを使用すればひな形はソフトが制作してくれるので、下手に触らない方が良いです。

xhtmlとhtmlでは共通のタグが多いですが、xhtml特有のタグもあるのでxhtmlのタグの解説書を1冊用意しておくと無駄に悩まなくて済むので良いと思います。

xhtmlについて
xhtml,CSSレイアウトのサイトの考え方

xhtml,CSSレイアウトのサイトを制作する場合にはxhtmlで悩むというよりもCSSのレイアウトの崩れて悩む時間が圧倒的に多いです。

基本的にhtmlが理解できているのであればxhtmlは理解できるものです。

ただ、タグを必ず閉じるということを常に注意しておかないと慣れるまではタグの閉じ忘れによる表示の崩れに悩まされる事になると思われます。

更新情報はRSSで配信しております。feed RSSはこちら>>
よろしければご使用のRSSリーダーにご登録ください。
My Yahoo!に追加 Add to Google Subscribe with livedoor Reader はてなRSSに追加

自動更新バナー