top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_896

HTMLlint:第4回。今日こそは大幅に得点Get狙うべし。今日は誕生日なのだ。あ、関係ないか・・・ 【HTML-lint 100点への道】

 2009-05-07

 さてと。
 GW中日。そう、まだ今は、
 GWが軸足の期間。
 もちろん、本日も仕事だが、
 気になってしょうがない、この
 「創るmetaboy」の htmlチェック。


 本日も引き続き行なう。


 前回
 ・HTMLlint:第3回。html-lint に対応することを「利用」させていただき、確実な知識と情報を身につけるぞ。と・・・ 【HTML-lint 100点への道】
  から、それだけ進歩得られるか!


 ・html-lint で100点への道


 ■まず、本日の(現在の)チェックだ。
  710個のエラーがありました。このHTMLは 8点
   ・710個のエラー
   ・8点
   おやおや、プラスに転じてるぞ。
   わずか、8点だけど・・・
・・・TOP頁の原稿量が少ないから、かな?


  追記に ▼


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


more

************************************************
◎ 目指せ! html-lint で100点への道:4回目
************************************************


それでは、順にチェックしてゆこう。


++++++++++++++++++++++++++++++++++++++++++++++++
■「1: line 136: リンクとリンクの間は
  適当な文字で区切りましょう。
  → 解説 205」
++++++++++++++++++++++++++++++++++++++++++++++++


 ・該当部分のソースは、
  該当部分のソース
  ブログランキングのバナーを並べているところだな


   HTML-lint の解説では、、

リンクとリンクの間は適当な文字で区切りましょう。
アクセス性向上のために、リンクとリンクの間は、
何か印字可能な文字(空白でもよい)で区切ること
がWAIで薦められています。例えば、
<A href="next.html">次</A><A href="prev.html">前</A>
ではなくて、
<A href="next.html">次</A>|<A href="prev.html">前</A>
とか
<A href="next.html">次</A>
<A href="prev.html">前</A>
のようにします。


 そうだよな。早速修正。
 とりあえず最初の5件の原稿から


------------------------------------------------
◇ → 再チェック!
------------------------------------------------
 ・エラー指摘は消えた。点数は変わらず。


++++++++++++++++++++++++++++++++++++++++++++++++
■「3: line 136: `&o` は不明な実体参照です。
  → 解説 114」
++++++++++++++++++++++++++++++++++++++++++++++++


 ※これは他に下記のようなメッセージも
  同じことだ。

3: line 136: `&o` は不明な実体参照です。 → 解説 114
3: line 136: `&p` は不明な実体参照です。 → 解説 114
3: line 136: `&l` は不明な実体参照です。 → 解説 114
3: line 136: `&mode` は不明な実体参照です。 → 解説 114
3: line 136: `&search` は不明な実体参照です。 → 解説 114
3: line 136: `&fc1` は不明な実体参照です。 → 解説 114
3: line 136: `&lt1` は不明な実体参照です。&lt; なら正しいのですが。 → 解説 114
3: line 136: `&lc1` は不明な実体参照です。 → 解説 114
3: line 136: `&bg1` は不明な実体参照です。 → 解説 114
3: line 136: `&f` は不明な実体参照です。 → 解説 114

  一応、既知把握していることなのだが、
  ・リンクURLの表示の中の
   ・& についても、&amp; と
  表示する必要がある、ということだ。


  出来うる限り対応する。
  ※リンクURL提供しているところの
   「リンクURLタグなどは
    編集しないでください」などの
   メッセージには反するのだが・・・


  > 編集後


------------------------------------------------
◇ → 再チェック!
------------------------------------------------


 ・おぉ、12点。クリアだ。


  ※(ところが)これら、
   アフィリエイトリンクタグ
   の問題は、まだまだあるのだ。
   (このあたり
    各アフィリエイト元で、
    「W3C に準拠したタグ書き出し」
    なんてのが、当たり前にならないかな)


  関連してまだ

5: line 136: <iframe> に MSIE 用の属性 `border` が指定されています。 → 解説 80
4: line 136: <iframe> には title 属性を指定するようにしましょう。 → 解説 193
1: line 136: <iframe> と </iframe> の間が空です。 → 解説 51
0: line 136: (<a> の href 属性の URI に指定されているスキーム `javascript` の利用は薦められていません。) → 解説 234
9: line 136: <a> の属性 `onClick` は小文字で書かなければなりません。 → 解説 78
1: line 136: onclick 属性を使うときは onkeypress 属性も指定しましょう。 → 解説 150
6: line 136: <img> には alt 属性が必要です。 → 解説 86
0: line 136: (<img> には width と height 属性を指定するようにしましょう。) → 解説 183
0: line 136: (<img> には width と height 属性を指定するようにしましょう。) → 解説 183

  これだけある。


++++++++++++++++++++++++++++++++++++++++++++++++
■「1: line 136: onclick 属性を使うときは
   onkeypress 属性も指定しましょう。
  → 解説 150」
++++++++++++++++++++++++++++++++++++++++++++++++


 ※これは
  ・第1回
   ・HTMLlint:おざなりになっている、HTMLのベース。html-lint で追究して常に学び直さねばならない・・・ 【HTML-lint 100点への道】
   での対応方法を実施 ・・・ したい
   ところだけど、


   該当ソースは
   ・FC2ブログで自動的に挿入されてしまう
    ものなのだ。


   該当ソースは、、

<div class="fc2_footer" style="text-align:left;vertical-align:middle;"><a href="javascript:;" onClick="javascript:window.open('http://blogvote.fc2.com/pickup/metaboy/895/clap');">

     と出力されているが、
   ・テンプレートには、その部分の制御は無い。
   ・管理画面での設定となる


    思案したが、
    まぁ、そんなに拍手いただいているわけでもないので
    
    >> 一度外してみる。(管理画面)


++++++++++++++++++++++++++++++++++++++++++++++++
■「5: line 284: <iframe> に MSIE 用の属性
  `border` が指定されています。
  → 解説 80」
 「4: line 284: <iframe> には title 属性を指定
  するようにしましょう。
  → 解説 193
 「1: line 284: <iframe> と </iframe> の間が
  空です。
  → 解説 51。
++++++++++++++++++++++++++++++++++++++++++++++++


   該当ソースは、、

<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=metaboy777-22&o=9&p=15&l=st1&mode=books-jp&search=%E3%83%81%E3%82%B1%E3%83%83%E3%83%88&fc1=000000&lt1=&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="240" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe></p>

  つまり、Amazon のアフィリエイトリンクだ。
  さきほど、& に関しては対応したのだが・・・


   HTML-lint の解説では、、

◆<TAG> に XXXX 用の属性 `ATTR` が指定されています。
チェックしているHTMLのヴァージョンではサポートされていないが、
他のヴァージョンでサポートされている属性です。
あまりこの警告が大量に出るようなら、
DOCTYPE宣言が適切でない可能性があります。

◆<FRAME> には TITLE 属性を指定するようにしましょう。
アクセス性向上のために、<FRAMESET> や <FRAME> には、
TITLE属性を必ず書くようにとWAIに書かれています。

◆<TAG> と </TAG> の間が空です。
ある種のタグは、要素が空であるのが
好ましくないことがあります。


 今から「DOCTYPE宣言」を変えるのはちと荷が重い
  今の状態での対応を考える


  ・border="0" style="border:none;" をはずし
  ・title タグを追加

<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=metaboy777-22&o=9&p=15&l=st1&mode=books-jp&search=%E3%83%81%E3%82%B1%E3%83%83%E3%83%88&fc1=000000&lt1=&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="468" height="240" frameborder="0" scrolling="no" title="amazon"> </iframe></p>


------------------------------------------------
◇ → 再チェック!
------------------------------------------------
 ・エラー指摘は消えた。15点になったぞ。


 今日はここまで。
 それでは
 ■現在のチェック (2009/05/07 14:07)
  605個のエラーがありました。このHTMLは 15点
   ・605個のエラー
   ・15点


   よし。プラスだ。(情けない)
   ・・・次は、せめて50点目指さねば。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/896-8706f7cf
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。