XHTML風記述の方が覚えやすいよね

Tweet

リストの横並びで不思議な空白ができるアレ、をスマートに解決する - vantguarde - web:g [web.g.hatena.ne.jp]

さて、これだけではIE7以下を除いて、空白が（たぶん）できてしまいます。なぜならみなさん、「ふつう」はこう書いてるはずだからです。

<ul>
  <li><a href="foo">foo</a></li>
  <li><a href="bar">bar</a></li>
  <li><a href="baz">baz</a></li>
</ul>

じゃあ、こうしてみましょう。

<ul>
  <li><a href="foo">foo</a>
  <li><a href="bar">bar</a>
  <li><a href="baz">baz</a>
</ul>

liの終了タグを取ってみると。はい、これで空白が消えます。わーわー

手癖的にはこうしちゃうかな。これでValid。

<ul>
  <li><a href="foo">foo</a></li
  ><li><a href="bar">bar</a></li
  ><li><a href="baz">baz</a></li>
</ul>

再編集性にこだわる場合は、

<ul
  ><li><a href="foo">foo</a></li
  ><li><a href="bar">bar</a></li
  ><li><a href="baz">baz</a></li
  >
</ul>

XML的にも問題ないと思うんだけど。

http://www.w3.org/TR/2000/REC-xml-20001006#NT-ETag

End-tag

[42]

ETag

::=

'</' Name S? '>'

http://www.w3.org/TR/2000/REC-xml-20001006#sec-white-space

White Space

[3]

S

::=

(#x20 | #x9 | #xD | #xA)+

となっているのでめでたしめでたし。ていうかtabもオッケーか。利用のしかたが思いつかないけど。

んでXHTMLの何がいいかって教育しやすいことにつきるんじゃないかなーと思っていまして、友達がジョブチェンジするために職業訓練校に行ってWebの職業訓練で教えられたのがいきなりXHTML+CSSだったりしたわけなんですけれども、おそらく教える方も楽なんだと思います。つうわけでXHTML風記述をするのはXMLを解釈する計算機のためじゃなくて、人間がルールを覚えやすいからっていう風に理解している次第です。

ちなみに最初からXHTML+CSSで教えられた子は、最近の若い子は自動車乗るときシートベルトしめるのに違和感ないのと同レベルでタグの閉じクセがついています。すげえなあ。僕も失業したらWebの職業訓練受けようっと。

2009.04.16 13:22 投稿　大野 義貴 [XHTML/XHTML5] | 固定リンク |