― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 6 件の記事 ] 
作成者 メッセージ
投稿記事Posted: 2007年11月18日(日) 17:57 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2030
お住まい: USA
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 は期待通りの表示をしていますが、前から気になっていたのでちょっとご報告まで。


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2007年11月19日(月) 00:54 
オフライン
Administrator

登録日時: 2005年6月23日(木) 23:29
記事: 2520
お住まい: 東京
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 になりました。

_________________
[Desktop] Windows 10 Pro 1909 (64bit) / Intel Core i7-2600 / AMD Radeon HD 7870 / 32 GB Memory
[Laptop] Windows 10 Pro 1909 (64bit) / Intel Core i5-520M vPro / Intel HD Graphics / 8 GB Memory
[Android] Android Nougat 10.0 (arm64) / Xperia 5 SO-01M
常用環境: Firefox ベータ版 (Win64 x86-64), Thunderbird + Lightning リリース版 (Win64 x86-64)
テスト環境: Firefox (ESR, リリース版, Nightly, Win64 x86-64)

Cai/1.0 (Homo sapiens; N; Homo sapiens chemist; male; rv:0.0.3.8+)
-- いつまでたっても nightly


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2007年11月19日(月) 05:34 
オフライン
Administrator

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

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

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


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2007年11月19日(月) 13:46 
オフライン
Administrator

登録日時: 2005年6月23日(木) 23:29
記事: 2520
お住まい: 東京
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 へのリンクがあるのでとりあえずはなくてもいいかなぁ、と思っています。
入れるとしたらフッタの部分でしょうか。

_________________
[Desktop] Windows 10 Pro 1909 (64bit) / Intel Core i7-2600 / AMD Radeon HD 7870 / 32 GB Memory
[Laptop] Windows 10 Pro 1909 (64bit) / Intel Core i5-520M vPro / Intel HD Graphics / 8 GB Memory
[Android] Android Nougat 10.0 (arm64) / Xperia 5 SO-01M
常用環境: Firefox ベータ版 (Win64 x86-64), Thunderbird + Lightning リリース版 (Win64 x86-64)
テスト環境: Firefox (ESR, リリース版, Nightly, Win64 x86-64)

Cai/1.0 (Homo sapiens; N; Homo sapiens chemist; male; rv:0.0.3.8+)
-- いつまでたっても nightly


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2007年11月19日(月) 15:14 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2030
お住まい: USA
Cai さんが書きました:
「管理者メニュー」のところに "Valid XHTML" として refer つきで validator へのリンクがあるのでとりあえずはなくてもいいかなぁ、と思っています。
入れるとしたらフッタの部分でしょうか。

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

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


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2007年11月20日(火) 03:11 
オフライン
Administrator

登録日時: 2006年10月25日(水) 18:00
記事: 2030
お住まい: USA
PH2@Hide さんが書きました:
もし置くとしたらフッタですね。

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

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


通報する
ページトップ
 プロフィール  
引用付きで返信する  
期間内表示:  ソート  
新しいトピックを投稿する トピックへ返信する  [ 6 件の記事 ] 

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[1人]


トピック投稿:  可
返信投稿:  可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可

検索:
ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean