へっぽこメモ

Webで色々と調べてるとなんかHTMLにもバージョンやらなんやら色々と種類があるようで、
正直これらを全部覚えるとか正直しんどいので、何が違うかだけメモ

• 要素名及び属性名は小文字でなければならない

HTML：大文字・小文字は区別されない。
XHTML：小文字しかダメ
→HTMLを書くときもなるべく小文字で書くようにする(XHTMLへの変換が楽)

• 属性値は常に引用符で括られなければならない

HTML：値が数値とか特定の値の場合、引用符は省略可能(ex,width=100)
XHTML：どんな属性値だろうが問答無用で引用符をつけなアカン(ex,width="100")

• 非空要素には終了タグが必要である(ex,リスト項目要素のliの場合)

HTML：下記のように書けるが、あんまり良くない書き方

<ul>
	<li>項目１
<ul/>

XHTML：liに閉じタグがあるよねってこと

<ul>
	<li>項目１</li>
</ul>

• meta、hr、br、img などは、空要素として書く

HTML：改行とか内容の無い要素を空要素と呼ぶ
XHTML：空要素タグも必ず閉じなきゃダメ ex,<br> → <br /> (/の前に半角スペースを入れた方がベター)

• ファイル内の位置を表す(アンカーで同一ページ内の移動とか)時はid属性を併記する。

(‘id’および‘name’属性をもつ要素は、‘id’属性を使用する)
HTML：name属性で特定位置へのリンク出来る but,id属性でも指定したほうがいいんじゃね？
XHTML：nameとid属性の両方書くことが推奨されている but,XHTML1.1からnameが廃止されてる
ex,

<a href="#nagato">長門をクリックすると</a><br />
<a name="nagato" id="nagato">有希にジャンプする</a><br />
<a name="suzumiya" id="suzumiya">ハルヒにジャンプしない</a><br />
<a name="asakura" id="asakura">みくるにジャンプしない</a><br />

• 属性の省略化はしてはならない

HTML：属性名と値が同じ場合、属性名を省略できる。
XHTML：属性名と値が同じでも、省略できない。
ex, <input type="radio" name="radio1" checked="checked" />