総目次へ top

text/html

このページは、本来不要な meta http-equiv の記述 をしないとインターネットエクスプローラ(IE)で正常に表示されないという現象が新バージョンで解消されたかを調べるものです。しかし、サーバーが返すhttpレスポンスヘッダにもよるのかと、IEの動作モードも調べられるようにしてみました。

リンク & auto

margin:1% auto; と指定しています。センタリングになるのが正しい。

拡張子 meta http-equiv の記述
html なし app/xhtml+xml app/xml text/html
xhtml なし app/xhtml+xml app/xml text/html
なし なし app/xhtml+xml app/xml text/html

text-align:center;

外側のdivに text-align:center; を指定。内側のdivはセンタリングされないのが正常。

文字はセンタリングされるが、中のdivはセンタリングされないはず。
ここは内側のdiv。
このブロックはセンタリングされないはず。
(テキストは継承によりセンタリングされる)

brock要素のwidth

brock要素のwidthはborderとpaddingを含まない幅になるのが正解。したがって、一二三四五六七八九十一二三四五六七八九十は1行に収まるはず。

一二三四五六七八九十一二三四五六七八九十 12345678901234567890 左右のmarginはなし。width:20em;
一二三四五六七八九十一二三四五六七八九十 12345678901234567890 左右のmargin:5em; width:20em;
一二三四五六七八九十一二三四五六七八九十 12345678901234567890 左右のmargin:5em; width:20em;
border:1em; padding:1em 2em;

ルビ

text/htmlではルビにならないのが正常か??

ルビの表示テストです。 仏蘭西フランス独逸ドイツ

javascript xml では働かない??


Mar.2009
聖愛中学高等学校
http://www.seiai.ed.jp/
Nov.2010加筆