ブログの文法をチェックしてみました
#blogpetで流行中のAnother HTML-lint gatewayで、ブログのHTMLの文法を採点してみました。
最低限のレベルとして、ブラウザでエラーマークが出ない程度には仕上げてあるつもりでした。
しかしチェックしてみると、予想外にエラーが多くて驚きました。
何となくココログ(XHTML)ではこう書くんだ、と慣れから身についていた文法もあります。
が、きちんとXHTMLの文法について向き合ったのはこれが初めてです。
黙々と修正し、651個のエラー、-129点から始まったのが、425個のエラー、-12点まで改善しました。
226個減、128点アップです。
ココログベーシックではテンプレートを編集することが出来ません。
「<head> ～ </head> 内に指定しなければなりません。」「<div> と </div> の間が空です。」等のエラーは、手が出せませんでした。
また外部サービスのソースは、下手にいじって壊してしまうのが怖く、少ししか手を入れられませんでした。
本当はもう少し改善の余地があるのかもしれませんが、まずは第一段階終了ということで。
今回はトップページの改善を行いました。
バックナンバーのチェックも行って、記事に使っているタグのミスも探していくと、これから記事を書いていくのにプラスになるかも。
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- ブクログの本棚をサイドバーに貼り付けてみた (2009.01.18)
- サイドバーの「最近の記事」を、日付別にツリー表示(2007.02.26)
- ココログのサイト内全文検索窓を設置(2005.10.31)
- 特定の記事が保存(再構築)できなかった覚書(2008.04.09)
- CSSでココログの画像をポラロイド風にアレンジ(2006.05.23)
コメント
少し前から 自分のサイトの文法が気になっていたところでした XHTMLがメジャーになる以前に作ったページがほとんどなので．．．
早速ホームだけですがチェックしてみたら １２５個のエラーで－１２０点ほど とりあえずタグの閉じ忘れなどの単純ですぐ直せるものや＜meta＞タグの順番を修正しただけですが プラスになりました
＜a＞タグのTARGETがダメだったり 知らないことがかなりありました
↑別ウィンドウで開かせるのが好きで多用しているので ちょっと考えなくては
自ブログのトップもチェックしてみましたが 大部分はココログが吐き出してるタグのようです
サイドバーで属性が大文字になっていたところや閉じ忘れを直したら こちらもプラスになりました
記事では＜br＞を連続して多用し過ぎ(^^;) BlogPetなどのキャプチャ画像の文字の回りこみを防ぐために使ってました スタイルシートを使えってことですね
投稿： Маша（マーシャ） | 2006.08.15 23:36
【マーシャさん】
早速試されたんですね～。
そっか、HPもチェックしなくっちゃ。
＞<a>タグのTARGETがダメだったり 知らないことがかなりありました
私も知りませんでした。
別ウインドウにさせたいときは、どうすればいいのでしょう。
それもCSSで設定するのかしら。
投稿： KOROPPY | 2006.08.16 14:44
そういえば ＜a＞タグのTARGETはHPのほうしか出てませんでした
重大なミスではない（解説81で重要度は１だった）ので システムが吐き出すエラーが多数あるココログでは数えられてないみたいですね
代替法はなくて 強制的に方向付けるのは薦められていないそうです でも個人的には それはそれで 不便さを強制される気がするのですが．．．(^^;)
やはり一から自分で書いたHPのほうが重要なミスだらけだったらしく （予想はしてましたけど）数の割に点数がマイナスで「このHTMLには重要な問題が多く含まれています。」と出ていましたが ひとまずこのフレーズが出ないところまでは改善しました
投稿： Маша（マーシャ） | 2006.08.16 17:11
こんにちは。ご無沙汰しています。
自分のBlogのトップページで試してみると、プラス59点になりました。
W3CのMarkup Validation ServiceでXHTML 1.0 Transitional Validが出るように組んでいますが、細かいところはまだまだです。
YahooのトップページでAnother HTML-lint Gatewayを試すと-400点だったので、良しとしておくことにします（笑）。
ちなみに、aタグのtargetは、XHTML1.1では廃止されます。
「ウィンドウが勝手に開くのは好ましくない」「ユーザーが表示先を選択できるようにしておくほうが良い」ということが理由のようです。
IE7.0が出ればタブブラウジングが普及して、別ウィンドウでなく別タブに開きたいという場合も増えると思いますので、別ウィンドウが開くのは、ますます望ましくなくなっていきそうです。
なお、どうしても別ウィンドウで開きたいなら、JavaScriptを使うことが考えられます。
投稿： 壱 | 2006.08.16 23:10
＜a＞タグのTARGETはなくなっていく運命なのですか そろそろ外す事を考えなくてはいけませんね
タブブラウザが普及したら 別タブに開かせる属性とかできないかなぁ
サイト運営者としての都合というよりは 閲覧者としてクリック１発で（別ウィンドウ又は）別タブに開くのが好きなので サイトでもブログでも多用してたんですが そんなこと考えるヤツは少ないんでしょうかね(-｡-;)とほほ
見直していかなくては．．．とは時々考えていたのですが サイトのほうのｈｔｍｌファイルはざっと数えても５００位あって 手を付けられずにいますorz
投稿： Маша（マーシャ | 2006.08.17 03:14
蒸し暑さに寝つけず また少しＨＰに手を加える
わははは(^o^) １００点になったぞ ＜慢心
投稿： Маша（マーシャ） | 2006.08.17 03:52
【マーシャさん】
サイト内移動で別ウインドウを開かれるのはきらいですが、
別サイトに移動するときは別ウインドウになるのも便利ですよね。
でもそれも訪問者が選択するようになるのですね。
【壱さん】
＞自分のBlogのトップページで試してみると、プラス59点になりました。
わー、素晴らしい!!
＞W3CのMarkup Validation ServiceでXHTML 1.0 Transitional Validが出るように組んでいますが、細かいところはまだまだです。
早速見てきました。
うー、またいっぱいエラーが...。
まだまだ正しいブログへの道は遠そうです。
投稿： KOROPPY | 2006.08.17 08:38
KOROPPYさん、おはよーございまっす♪
yozoも最近エラーチェックしてます。結果はこれです。
『530個のエラーがありました。このHTMLは -50点です。』
これでも200個くらい減ってるんですよ(ＴｍＴ)ｳｩｩ･･･
ブログ本体のエラーは微々たるもので、プラグインにはっているスクリプトや記事のエラーです。つまり使っているyozoの責任のエラーばかりということでした。記事の書き方を見直しつつブログをしていこうと思っているところです。
失礼ながら、壱さんとKOROPPYさんのtarget="_blank"についてのやりとりを拝見しました。基本は自分の記事でリンク先は参照先と思って設定しているのですが・・・やっぱり推奨ではないのですね。しかも廃止されますか・・・┐(´-｀)┌
これではどうしようもないですね。targetが不要な属性ならはずさないといけません。リンクのはり方のポリシーをあげて変更していく方向で考えていくつもりです。大変勉強になりました。 ありがとーございまっす♪m(_ _)m
追伸：yozoもXHTML準拠の記事をUPしましたので、勝手ながらトラバ入れさせていただきました。お暇なときにでも見てやってください。m(_ _)m
投稿： yozo | 2006.08.18 10:59
【yozoさん】
記事拝見しました。
あのデザインはalign使ってたんですね～。
元々styleを使っていたので、一安心です。
でもココログはstyleをタグに書くとマイナスらしいので、
悩ましいところです[涙]
私も継続して修正を入れていて、
とプラス評価になりましたヾ(〃^∇^)ノわぁい♪
ココログベーシックはテンプレートが修正できないので、
プラス評価は諦めかけていたのですが、
#blogpetで協力な助っ人に出会いｗ、ここまでたどりつきました。
>大変勉強になりました。 ありがとーございまっす♪m(_ _)m
いえいえ、私も勉強になりました～。
target指定は面倒だからやっていなかったのですが、
結果としてはやってなくてよかったんだなぁ、と。
投稿： KOROPPY | 2006.08.18 12:31
KOROPPYさん、こんにちはー♪
トラバ返してくださってありがとーございまっす♪m(_ _)m
おおお・・・ついに22点ですか。エラーは345個
めっちゃ減りましたね。♪⌒ヽ(*ﾟOﾟ)ﾉ ｽｺﾞｲｯ!!!
今日からyozoも地道に努力していきますよ。
ちまちま・・・ってね。(^○^)
テンプレート自体よりもyozoの責任が
重大なんですからね。d(@^∇ﾟ)/ﾌｧｲﾄｯ♪
投稿： yozo | 2006.08.18 15:50
【yozoさん】
自分で修正できるところのエラーだったら、努力で改善可能ですね。
少しずつ得点が改善されていくのって、脳トレみたいで楽しくて、
ついついハマっちゃいますよｗ
投稿： KOROPPY | 2006.08.18 18:34
こんにちは。りょーちと申します。
ちなみに、「W3C CSS 検証サービス」ってのもありますよ。
http://jigsaw.w3.org/css-validator/
http://jigsaw.w3.org/css-validator/validator-uri.html
にURLを入力するとCSSを検証してくれます。
ではでは。
投稿： りょーち | 2006.08.19 23:21
【りょーちさん】
情報ありがとうございます。
壱さんの仰ってたサイトで、CSSもチェックできるのですね。
早速やって、スペルミス見つけました[涙]
投稿： KOROPPY | 2006.08.20 17:44
全然、ブログの改善には手付かずですが(汗)、 trget="_blank"をいつもリンクには使ってました。これは芳しくないことだったのですね。
今までのはとりあえず、これからは別窓であいてしまうというのはやめようと思いました。
私は皆さんのように一度には直したりできませんが、こういう情報をちゃんとみて、これからは注意して行く方向でまずはやってみます。ありがとうございました。
投稿： ととろ | 2006.08.21 20:10
【ととろさん】
＞今までのはとりあえず、これからは別窓であいてしまうというのはやめようと思いました。
過去記事全部を修正するのは大変ですが、
これから正しい記法で書いていくだけで、効果はありますよね。
なんとなくココログとHPはタグが違うと感覚で書いていましたが、
XHTMLについて学ぶいいきっかけになりました。
投稿： KOROPPY | 2006.08.22 08:39
頭痛がして寝つけず暇つぶしで 久しぶりにチェックしてみたら なんと重要度９がいくつか出ていて ３８点！
マメに確認しないと ダメですね(^^;
さて 修正も終わったし 頭痛も治まってきたので 寝ることにします
投稿： Маша（マーシャ） | 2006.11.16 04:42
【マーシャさんへ】
頭痛はお風邪の症状でしょうか?
急に冷え込んできましたものね。
どうぞお大事に。
私も久々にチェックしてみました。
25点ほどダウンしてました[汗]
投稿： KOROPPY | 2006.11.16 11:41
地震の前後に頭が痛くなることがあって
時間が経てば治まるので もう大丈夫です
苦労して上げた点数が下がってると焦りますよね
記事の体裁を変えたところに 重要度９のエラーが出ていたんで
これまで使ってなかったタグを入れる時には
チェックしないとダメだなって 痛感しました(^^;;;
あと 重要度４なんですが「＜a＞ の href 属性の URI `xxxx` は正しくない書式です。」というのが出てしまって．．．
CGIのパラメータなんかの＆は実態参照にしないといけないみたいですが そういう記号（文字）も入ってなさそうだし 原因がわからず修正できないままです
投稿： Маша | 2006.11.16 21:01
【マーシャさん】
地震の前後に頭が痛くなるとは...。
地殻の微妙な変動を感じてしまうのでしょうか。
「 の ATTR 属性の URI `XXXX` は正しくない書式です。」ですね。
この形式に添ってない(「_」がある?)ということなのでしょうかね。
でもURLはこちらで直せるものじゃないし...。
投稿： KOROPPY | 2006.11.17 08:32
あわわ 見て下さったのですか？ アンダーバーはＵＲＩに使ってはいけないと書かれてますね 解説の途中までしか見てなかったみたいで 失礼しました しかーし 原因がわかったところで これは１６進数とかもないみたいだし 直せませんなorz
地震頭痛は何に反応して起きるのやら 出たり出なかったりだし
単なる体調不良の頭痛との区別もつかないし．．．
安定して現れれば 予知に使えるんですが(^^;
投稿： Маша（マーシャ） | 2006.11.17 21:45
【マーシャさん】
アンダーラインがダメとは知らなかったので、勉強になりました。
こればっかりはサイト開設者の人にしか変更できないから、
困っちゃいますよね[汗]
投稿： KOROPPY | 2006.11.18 11:37