SSブログ

HTMLとXHTML

久々の更新になります。
2カラム3カラム(列)などのレイアウトについて少しずつ解説したいと思いますが、その前にXHTMLについて書いてみます。

XHTMLは、HTMLに比べてコードの記述方法が厳しくなっています。
色々あるので代表的なところをいくつか書きます。

要素名、属性名は小文字で書く

HTMLでは、
<A HREF="xxxx">HTMLのリンク</A>
と書いてもいいのですが、XHTMLでは、
<a href="xxxx">HTMLのリンク</a>
と書かなければいけません。

開始タグ、終了タグをセットにする

これはHTMLでも普通にしていると思いますが、例えば
<div><p>HTML</p>
みたいに</div>を省略してはいけないということです。
また、空要素(開始タグのみで内容の記述がないもの)の場合、必ず/か終了タグをつけるようにします。
imgやbrといったものです。XHTMLで記述する場合は、
<img src="xx.jpg" />
<br />
というように書きます。

XML宣言をつける

XHTMLの先頭に
<?xml version="1.0" encoding="utf-8"?>
のような宣言文をつけなければいけないことになっていますが
IE6のバグの問題もあり、付けていないものが多いです。
なくてもW3Cの構文チェックではエラー無しと判定されるので、付ける必要がなければ今のところは付けないほうがいいかもしれません。

他にもありますが代表的なものだけ書きました。
次からレイアウトについて書いていきたいと思います。


タグ:HTML XHTML
nice!(0)  コメント(2)  トラックバック(0)  [編集]
共通テーマ:パソコン・インターネット

nice! 0

コメント 2

ロウ@佑

こんにちは。
カテゴリーの中の見た目をよくするにある
callspacingとcellpaddingのタグを使って
セルの間隔の設定をしてたんですけど
いつもづれるというかおかしくなってしまいます(´・ω・`)
by ロウ@佑 (2011-06-14 17:59) 

tomomosan

質問ありがとうございます。
可能な限り応えたいと思うのですが、いつもずれるというのがどういう意味なのかちょっと分からないです。
毎回表示する度なのか、ブラウザによって違うのか、多分毎回なのでしょうけど。
普通はそんなことないと思うのですが…

具体的な例(HTMLのコードとか)があると分かりやすくてありがたいです。
よろしくお願いします。
by tomomosan (2011-06-15 06:59) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

トラックバックの受付は締め切りました
広告スペース
Copyright © HTMLの基本から勉強してみる All Rights Reserved.

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。