http://mozillazine.jp/ の html を XHTML 1.0 Transitional で Markup Validate するとエラーと警告がでます。
警告は2つなのですが、そのうち Byte-Order Mark found in UTF-8 File. は、UTF-8 を指定しているが、先頭に
<?xml version="1.0" encoding="UTF-8" ?> が宣言されていないことで、これは加えれば解除されます。
もう一つは DOCTYPE Override in effect で、これは <br /> と記述されていないことに対して出ています。
問題の <br> は
<div align="center"><a href="http://mozillazine.jp/forums/viewtopic.php?p=17306">[お知らせ] mozillaZine 英語版ニュースの停滞について</a></div> の上にあります。
エラーの方は
●<div id="page">の後に続く次の部分:
コード:
<style type="text/css" media="screen">
#mainpage {margin-left: 185px; }
</style>
上の STYLE はエレメントとして認識されるので、body には置くことができない
●</map> にたいする <map> タグがない
●<div class="sidebar"> のリスト内、ul のツリーと要素配置に問題がある
1)<ul> の下に <h2>過去のニュース</h2> がある
2)リストの入子状態が正しくない
それで、
コード:
<div class="sidebar">
<h2>過去のニュース</h2>
<ul class="recent" style='margin-bottom:1em;'>
<li><a href='http://mozillazine.jp/?p=500' title='Thunderbird 2.0.0.9 がリリースされた'>Thunderbird 2.0.0.9 がリリースされた</a></li>
〜
<li><a href='http://mozillazine.jp/?p=478' title='Mozilla 24 イベント当日の 25 プログラムを公開'>Mozilla 24 イベント当日の 25 プログラムを公開</a></li>
</ul>
<h2>アーカイブ</h2>
<ul class="recent" style='margin-bottom:1em;'>
<li><a href='http://mozillazine.jp/?m=200711' title='2007年 11月'>2007年 11月</a></li>
〜
<li><a href='http://mozillazine.jp/?m=200506' title='2005年 6月'>2005年 6月</a></li>
</ul>
<ul class="recent" style='margin-bottom:1em;'>
<li><a href="http://fx2.jp/mz/html/modules/news/">さらに過去の記事</a></li>
</ul>
</div>
とすれば、h2 を使用しても問題はでなくなります
●
<h2 id=\"search\">文書</h2> の id の属性値は最初の (\) が"で囲まれていないこと、囲んだ後も英字で始まる文字列を使わなければいけないということでエラーが出ます。
と以上ですが、Transitional なので UA は期待通りの表示をしていますが、前から気になっていたのでちょっとご報告まで。
http://mozillazine.jp/ の html を XHTML 1.0 Transitional で Markup Validate するとエラーと警告がでます。
警告は2つなのですが、そのうち Byte-Order Mark found in UTF-8 File. は、UTF-8 を指定しているが、先頭に [color=green]<?xml version="1.0" encoding="UTF-8" ?>[/color] が宣言されていないことで、これは加えれば解除されます。
もう一つは DOCTYPE Override in effect で、これは <br /> と記述されていないことに対して出ています。
問題の <br> は [color=indigo]<div align="center"><a href="http://mozillazine.jp/forums/viewtopic.php?p=17306">[お知らせ] mozillaZine 英語版ニュースの停滞について</a></div>[/color] の上にあります。
エラーの方は
●<div id="page">の後に続く次の部分:
[code]<style type="text/css" media="screen">
#mainpage {margin-left: 185px; }
</style>[/code]
上の STYLE はエレメントとして認識されるので、body には置くことができない
●</map> にたいする <map> タグがない
●<div class="sidebar"> のリスト内、ul のツリーと要素配置に問題がある
1)<ul> の下に <h2>過去のニュース</h2> がある
2)リストの入子状態が正しくない
それで、
[code]<div class="sidebar">
<h2>過去のニュース</h2>
<ul class="recent" style='margin-bottom:1em;'>
<li><a href='http://mozillazine.jp/?p=500' title='Thunderbird 2.0.0.9 がリリースされた'>Thunderbird 2.0.0.9 がリリースされた</a></li>
〜
<li><a href='http://mozillazine.jp/?p=478' title='Mozilla 24 イベント当日の 25 プログラムを公開'>Mozilla 24 イベント当日の 25 プログラムを公開</a></li>
</ul>
<h2>アーカイブ</h2>
<ul class="recent" style='margin-bottom:1em;'>
<li><a href='http://mozillazine.jp/?m=200711' title='2007年 11月'>2007年 11月</a></li>
〜
<li><a href='http://mozillazine.jp/?m=200506' title='2005年 6月'>2005年 6月</a></li>
</ul>
<ul class="recent" style='margin-bottom:1em;'>
<li><a href="http://fx2.jp/mz/html/modules/news/">さらに過去の記事</a></li>
</ul>
</div>[/code]
とすれば、h2 を使用しても問題はでなくなります
●[color=indigo]<h2 id=\"search\">文書</h2>[/color] の id の属性値は最初の (\) が"で囲まれていないこと、囲んだ後も英字で始まる文字列を使わなければいけないということでエラーが出ます。
と以上ですが、Transitional なので UA は期待通りの表示をしていますが、前から気になっていたのでちょっとご報告まで。