MozillaZine.jp フォーラム
https://forums.mozillazine.jp/

mozillazine 日本語版の html
https://forums.mozillazine.jp/viewtopic.php?f=8&t=6651
ページ 11

作成者:  Hide [ 2007年11月18日(日) 17:57 ]
記事の件名:  mozillazine 日本語版の html

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 は期待通りの表示をしていますが、前から気になっていたのでちょっとご報告まで。

作成者:  Cai [ 2007年11月19日(月) 00:54 ]
記事の件名:  Re: mozillazine 日本語版の html

PH2@Hide さんが書きました:
Byte-Order Mark found in UTF-8 File. は、UTF-8 を指定しているが、先頭に <?xml version="1.0" encoding="UTF-8" ?> が宣言されていないことで、これは加えれば解除されます。

入れようとしたらエラーが出ました。どうやら "<? ~ ?> " という形式であることから WordPress が php の構文(<?php ~ ?>)と勘違いしているようです。
utf-8 なら、なくても一応 OK なのでペンディング

PH2@Hide さんが書きました:
もう一つは DOCTYPE Override in effect で、これは <br /> と記述されていないことに対して出ています。
問題の <br> は <div align="center"><a href="http://mozillazine.jp/forums/viewtopic.php?p=17306">[お知らせ] mozillaZine 英語版ニュースの停滞について</a></div> の上にあります。

余計なので取りました。

PH2@Hide さんが書きました:
●<div id="page">の後に続く次の部分:
コード:
<style type="text/css" media="screen">
#mainpage {margin-left: 185px; }
</style>

上の STYLE はエレメントとして認識されるので、body には置くことができない

外部スタイルシートに追い出し

PH2@Hide さんが書きました:
●</map> にたいする <map> タグがない

除去

PH2@Hide さんが書きました:
●<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 を使用しても問題はでなくなります

入れ子関係修正

PH2@Hide さんが書きました:
<h2 id="search">文書</h2> の id の属性値は最初の (\) が"で囲まれていないこと、囲んだ後も英字で始まる文字列を使わなければいけないということでエラーが出ます。

id いらなそうなので除去

これでとりあえず valid になりました。

作成者:  Hide [ 2007年11月19日(月) 05:34 ]
記事の件名:  Re: mozillazine 日本語版の html

ご苦労様です。
ばっちりですね!
Cai さんが書きました:
入れようとしたらエラーが出ました。どうやら "<? ~ ?> " という形式であることから WordPress が php の構文(<?php ~ ?>)と勘違いしているようです。
utf-8 なら、なくても一応 OK なのでペンディング

あはっ :oops:
忘れてました。php の場合は
コード:
<?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>
と入れるとできます。←ってか、私の方ではこれでいけているような(^^;

W3C "valid" Icon を置きませんか?

作成者:  Cai [ 2007年11月19日(月) 13:46 ]
記事の件名:  Re: mozillazine 日本語版の html

PH2@Hide さんが書きました:
Cai さんが書きました:
入れようとしたらエラーが出ました。どうやら "<? ~ ?> " という形式であることから WordPress が php の構文(<?php ~ ?>)と勘違いしているようです。
utf-8 なら、なくても一応 OK なのでペンディング

あはっ :oops:
忘れてました。php の場合は
コード:
<?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>
と入れるとできます。←ってか、私の方ではこれでいけているような(^^;

そか、echo で出力すればいいのか。
ということで
コード:
<?php echo '<?xml'; ?> version="1.0" encoding="<?php bloginfo('charset'); ?>"?>

としました。WordPress の方でエンコードを吐いてくれるので、最初の <?xml だけ文字列として出力させています。

PH2@Hide さんが書きました:
W3C "valid" Icon を置きませんか?

右下の「管理者メニュー」のところに "Valid XHTML" として refer つきで validator へのリンクがあるのでとりあえずはなくてもいいかなぁ、と思っています。
入れるとしたらフッタの部分でしょうか。

作成者:  Hide [ 2007年11月19日(月) 15:14 ]
記事の件名:  Re: mozillazine 日本語版の html

Cai さんが書きました:
「管理者メニュー」のところに "Valid XHTML" として refer つきで validator へのリンクがあるのでとりあえずはなくてもいいかなぁ、と思っています。
入れるとしたらフッタの部分でしょうか。

じつはワタクシ、ステッカー類をベタベタ貼り付けるのが好きでして :D

もし置くとしたらフッタですね。
div をつかってフロートさせないといけなさそうなので面倒ですが。

作成者:  Hide [ 2007年11月20日(火) 03:11 ]
記事の件名:  Re: mozillazine 日本語版の html

PH2@Hide さんが書きました:
もし置くとしたらフッタですね。

構造をみてたら「管理メニュー」の下でも良いように思います。こっちのほうがフッタよりも置きやすいですよね。

んで、細かくってすみません。
現在 validator へのリンクが
コード:
 http://validator.w3.org/check/referer
となっていますが、ここからでは header field が送れないようです。
リンクが
コード:
 http://validator.w3.org/check?uri=referer
へと変更になったのかな?

ページ 11 All times are UTC + 9 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/