top


総投稿数 本 
no_

スポンサーサイト

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

妥当性検証:HTML/CSS/RSSの14の妥当性検証。こんなにあるんだね。うまく利用させていただこう ・・・ 【HTML検証】

 2009-06-08
有名な
Another HTML-lint gateway
や、
CSS Validation Service
は何度も利用して、
・この「創るmetaboy」だけでなく
・他のプロジェクトサイトや顧客のサイトの検証に
利用させていただいている。
(参考)
 ・> カテゴリー [ スキルを上げるために ]

でも他にもこんなにあるんですね。


HTML/CSS/RSSの妥当性を検証する14のツール
 ( by マイコミジャーナル )
HTML/CSS/RSSの妥当性を検証する14のツール Sean P Aune氏がSitePoint
 紹介されている14のサービスを
 わかりやすく日本語解説されている。



 ・・・知らないものもずいぶん多い・


・ここにも リスティングさせていただく。
Firefoxアドオン
 ・CSS Validator
 ・Firebug
 ・HTML Validator
 ・Page Validator
 ・RSS Validator
 ・Total Validator
 ・Validaty


 ・・・さ、じゃ少し検証しておこうか。
    (今回は、Webサービスを)


  追記に ▼


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


more************************************************
◎ HTML/CSS/RSS 検証ツール トライ
************************************************

まず、この間までやっていた、HTML-lint での
検証作業は
一応 100点までは達成
 (でもエラーは多い。減点されないものだけど)

さて、現在は・・・?
 ▼
残念! 99点
 68個のエラーがありました。このHTMLは 99点
  案の定、この間紹介したくて貼った、YouTubeの
  貼り付けソースタグがひっかかってるなぁ。
 YouTubeの貼り付けソースタグがひっかかってる
  ※このあたり、そろそろ用意する側が
   貼り付けられる環境を考える必要あるんじゃないかなぁ。


 今回は目的が違うので、このままの状態で
 今回知った「バリデーション」サービスを
 いくつか使ってみよ。


 ●まず、【Webサービス


Validome.org
 HTML検証サービス
HTML / XHTML / XML / WML Validator
HTML / XHTML / XML / WML Validator 結構、高機能な感じ・・・




 □Doctype と charsets を指定し
  URLを入力して・・・・
  Doctype と charsets を指定
  [ Validate ] ▼


 ・がび~ん!
  「Documentは、有効なXHTML 1.0 Transitionalでありません」
  「Documentは、有効なXHTML 1.0 Transitionalでありません」
  ・エラーは7つ。
  エラーは7つ
   すべて、この間貼った Youtube貼り付けタグの embed が
   影響を与えているような・・・


 試しに貼っていない単独頁で、試してみる。
http://metaboy.blog23.fc2.com/blog-entry-962.html で再度
  [ Validate ] ▼


 ・(それでも)がび~ん!
  「Documentは、有効なXHTML 1.0 Transitionalでありません」
  「Documentは、有効なXHTML 1.0 Transitionalでありません」
  ・エラーは3つ。
  エラーは3つ
   そうだよ、この DocType では、
   input タグも空タグ扱い必要なのだ。
   ここは、元のテンプレート部分だけど、修正。


<input id="name" type="text" name="comment[name]" size="50" value="<%cookie_name>" /><br />
<label for="mail">MAIL:</label><br />
<input id="mail" type="text" name="comment[mail]" size="50" value="<%cookie_mail>" /><br />
<label for="url">URL:</label><br />
<input id="url" type="text" name="comment[url]" size="50" value="<%cookie_url>" /><br />

   再チェック!

   あれ!? 再度アクセスしたら、かたまってしまった。
   >他のブラウザ(Chrome.IE)でも試す>繋がらない


   ひとまずこれはやめて、次!


VirtualPromote.com
 HTML検証サービスだけでなく、デベロッパ向け各種検証サービス
 HTML検証は、
iWeb Toolkit: HTML Validator
iWeb Toolkit: HTML Validator ここからまとめてリンク利用できるわけだ。




 □Doctype と charsets を指定し
  URLを入力して・・・・
  ※これは有名な W3Cへのフォームリンクだ。
  Doctype と charsets を指定
  [ Validate this page ] ▼


 ・やっぱり!
  「XHTML 1.0 Transitionalとしてこの文書をチェック、
   エラーを見つけました!」
  エラーを見つけました!
  ・エラーは7つ。同じだな。


 Youtube 貼っていない単独頁で、試してみる。
http://metaboy.blog23.fc2.com/blog-entry-962.html で再度
  [ Validate this page ] ▼


 ・(あれ!?)
  「この文書は、XHTML 1.0 Transitionalとして
   とりあえず、チェックされました」
  とりあえず、チェックされました
  ・「とりあえず」ってなんだよ。一応エラーは無いようだけど。


   警告には、
  DOCTYPE Override in effect!
  ・つまり、途中で上書きされているってこと?
   いや、やっぱりどこかにエラーが隠れてるんだ。
   こちらの頁ではこのメッセージについて、
   ・もう一つは DOCTYPE Override in effect で、
    これは <br /> と記述されていないことに対して
    出ています・・・としている。
    私のソースではそれは無かったが・・・


  ん~ん。
  まだまだ、丁寧さが欠けているようだ。


   最後にここも試しておこうかな。


xhtml-css.com
 HTML/CSS検証サービス
XHTML-CSS Validator
XHTML-CSS Validator ここは、オリジナルのものなのかな?




 □URLを入力して・・・・
  ※もう、Youtubeエラー出るのわかってるので、
   単独頁のURLでチェック(Youtube貼ってない頁)
  単独頁のURLでチェック(Youtube貼ってない頁)
  [ Check It! ] ▼


 ・おぉ!
  「このページは、有効な(X)HTMLです!」
  このページは、有効な(X)HTMLです!
  ・CSSエラーは12個もあるけどね。(課題)


 まだまだ、ですなぁ。

commentsコメント
comment_post












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

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

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

 

リンク集

 

最近の記事

 

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

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

 

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