HTML文法チェッカーを使ったHTML文法の修正方法
- [2009/01/13]
- カスタマイズ
- | トラックバック(0)
- | コメント(16)
前回の記事をご覧になって頂きましたでしょうか?
「なぜ、HTML文法の評価が必要なのか?! 」
コメントを見ていただけると分かるのですけど、
HTML文法の評価を気にされている方が多いです。
それで、HTML文法をどう修正すればよいかですけど、
HTML文法の修正方法は、
前々回も書きましたHTML文法の評価の二通りの方法を使うのです。
・ピタゴラスを使う方法
・W3C準拠の推奨というHTML文法チェッカーを使う方法
どちらを使っても結果は同じなのですけど、
プロセスが違うだけです。
HTML文法の評価の点数が分かって、
エラーがチェックできても
何処をどうすれば良いのかが分からない時が、
ありますよね。
そんな時に
W3C準拠の推奨というHTML文法チェッカーを使う方法を
使えば良いのです。
簡単な使い方は、こちらの記事をご覧下さい。
「自分のブログのHTML評価を知っていますか?!」
■ 順を追って説明したいと思います。
まずは、分かり切った事かも知れませんけど、
HTML文法チェッカーのサイトを開きます。
HTML文法チェッカー
HTML文書の文法をチェックし、採点します

(↑クリックすると拡大します)
赤丸印を付けました簡易ゲートウェイをクリックしてください。
面倒な作業なしにHTML文法の評価が分かります。
HTML文法の評価の点数が分かっていても、
この手順で遣ってくださいね^^
そのほうが面倒でないので・・・。

(↑クリックすると拡大します)
つぎに、URLの入力欄にあなたのブログのURLを入力して、
チェックボタンをクリックしてください!

(↑クリックすると拡大します)
このようになったかと思います。
勿論、赤丸はついてないですよ^^
これは、ある方のブログのHTML文法の評価です。
許可を得て画像で使わせてもらいました。
○○さん、
快く許可を頂きまして、
誠にありがとうございました。
私は、とっても嬉しいです!!
これによって、
○○さんのブログが、これからもっと良くなる様に
私も出来うる限りで助言させてもらいますね^^
それにこの記事を
ご覧になっておられる多くの方が、
感謝されると思います!!
ありがとうございました。
それでこの画像を使うに当たり、
伏字の部分がこれから多くなります。
この方のブログのテンプレートのHTMLは、
XHTML1.0 Transitional です。
そして、HTML文法の評価はマイナス200点です。
因みに、あなたは何点でしたか?!
それでは、いよいよ修正の本題に入ります。
まずは、こちらをご覧下さい。
(ソースの一部を抜粋してますので、これが全部ではないです。)

(↑クリックすると拡大します)
これをご覧になって、
どこをどう修正すればよいか分かりますか?
分かりました?
分かった方は、HTML文法をご存知だと思います。
もしかしたら、
参考にならないかもしれませんけど、
気になる方は、続きもご覧になってくださいね^^
それで私が間違っていたら、
指摘して頂ければ、ありがたいです^^
それでは、これを細分化します。
といいますか、
同じようなもので括ります。
そうすると、もの凄く分かりやすくなります。

(↑クリックすると拡大します)
ご覧になって頂けると分かるかと思いますけど、
小文字で書くように指定されていますよね^^
ですから、
小文字にすると良いのです。
こうするとよく分かるかと思いますけど、
単純ですよね!!

(↑クリックすると拡大します)
赤丸で囲んである line 41 をクリックしてください!!
そうすると、その数字の行に行くのです。
今回の場合は、41行目です!!
(↑クリックすると拡大します)
勿論、赤丸で囲んでないですよ^^
それで大文字の英字を小文字に修正すれば良いのです。
簡単でしょ!!
要は、左側にある line 数字 をクリックすると良いのです。
同様に次をしたいと思います。

(↑クリックすると拡大します)

(↑クリックすると拡大します)
左側にある line 数字 をクリックすると、

(↑クリックすると拡大します)
今回の場合は、この方のちょっとしたミスもあるのです。

(↑クリックすると拡大します)
これは、<a harf=" 〜 "><img src="○○"></a>とすれば良かったのですけど、
<img src="○○">が、
<img src=○○>となっているのです。
【" "】の引用符というのがなかったのです。
そして、同じ部分なのですけど、

(↑クリックすると拡大します)
<a harf=" 〜 "><img src="○○" alt=" " /></a>とすると良いのです。
<img src="○○" alt=" " />
alt属性でここにキーワードを入れた画像タイトルを入れたら良いのです。
そして【 】半角の空白を入れ、
【 / 】半角のスラッシュを入れて閉じたら良いのです。
たったこれだけです。
しかし、このalt属性を入れる部分は注意してくださいね。
URLを改変してはいけないという規約のものもあるので・・・。
この程度ならやっても良いのかも知れませんけど、
やらない方が無難ですよね^^
特に楽天アフィリは・・・。
これを入れることによって使えなくなっては、
元も子もないので・・・。
そして、つぎはこのような感じのものを修正してください。
これが一番簡単かもしれませんけどね^^

(↑クリックすると拡大します)
これも左側にある line 数字 をクリックをクリックしたら良いのです。

(↑クリックすると拡大します)
そうすると、その数字の行に行くのです!!

(↑クリックすると拡大します)
これも勿論、赤丸で囲ってないですけど、
すぐに分かるかと思います。
<br>このタグです。
brタグは、改行のタグなのです。
XHTML1.0 Transitional では、
brタグの後ろに先程と同じように、
【 】半角の空白を入れ、
【 / 】半角のスラッシュを入れて閉じるようになっているのです。
これもこの方のちょっとしたミスです!!
半角空白、半角スラッシュで閉じるのです。
間違えないで下さいね^^
全角空白、半角空白ではないですよ。
この間違いがよくありますので・・・。
それと私もよくしてしまうのが、
URLをコピペしてリンクを作ることがあります。
その時にURLの後ろに空白が出来ていることがあります。
それも減点の対象になりますよ^^
<a href="http://aforiwork.blog19.fc2.com/">ブログだけの〜</a>
こうならないといけないのに、
<a href="http://aforiwork.blog19.fc2.com/半角空白">ブログだけの〜</a>
半角空白と書いたところに空白が入っていることです。
以上簡単な部分だけかもしれませんけど、
これだけを修正するだけでも
だいぶ違いますよ^^
まだまだそのほかにもあるかと思いますけど、
今回は簡単な部分を記事に書かさせてもらいました。
あとはHTML文法を段々と覚えてからされた方が良いかと思います。
簡単でしたので、
修正の方法が分かったかと思います。
あとは、あなたが自分のブログで実践するだけです。
当然、最初は誰でも分からないかと思いますし、
間違ったらいけないと思っていると思います。
ですので、まずは、テンプレートのコピーをとっておいて下さいね。
それなら、失敗しても大丈夫ですので・・・。
云い忘れてました、
今回のHTML文法の評価は、テンプレートだけでなく、
サイドバーなども関係がありますので、
よくHTML文法の評価のソースを見てくださいね^^
素直に実践されるかどうかは、あなた次第です!!
HTML文法チェッカー
HTML文書の文法をチェックし、採点します
もし分からなければ、
私にでも質問してください!!
分かる範囲でお答えさせてもらいます。
今回はこれにて・・・。
次回は、「短縮URLを使う本当の意味?!」について
書きたいと思います。
- [2009/01/13]
- カスタマイズ |
- トラックバック(0) |
- コメント(16)
- この記事のURL |
- TOP ▲
コメント
いつもお世話になってます。
サスケです。
やる事は丁寧に説明されていて簡単そうなんですけど、
どうしても難しそうなイメージが拭い去れないです。
もっと頑張らなきゃ、です。
昨日の記事にいただきましたコメントのお返事記事を書きました。
応援ぽちです。
こんばんは♪
ぶーちゃんです、こんばんは♪
いつもご訪問・コメントありがとうごさいます!!
HTMLは気にしたことなかったですね〜。何点なのか調べてみないとダメですね。。。
ぽちっ。
今日は応援だけして帰りますね
1・2・3・ポチっとだぁ〜
こんばんはです^^
こんばんは〜。
幸せ満タンアフィリエイト塾のカノンです!
おぉ〜、これだけ具体的に
教えてくれるといいですね。
早速やってみますね^^
では応援していきます☆
- [2009/01/13 23:21]
- URL |
- 塾長カノン@あと1時間で特典消滅です。
- [ 編集 ]
- TOP ▲
こんばんは♪
いつも応援ありがとうございます。
すごいです!
とても分かり易くって♪
早速そのチョッカー使ってみます。
本当に丁寧な説明に釘付けになりました。
頑張って良い点数にしたいと思います。
タメになる記事ありがとうございます。
本読んだだけでは初心者には分からないですもん。
かなり勉強になりましたよぉ〜
応援ポチッと☆
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
こんばんは。
いつもコメントありがとうございます。
今日は長編ですね。
文法を分かってほしい、関心を持ってほしいという気持ちが伝わってきました。
では今日も応援させていただきます。
こんばんわ
文法大変ですよね
一つ思うのは
YOUTUBEはっても減点にしないでほしいこと
グーグルのコンテンツなので
検索エンジンに悪いはずがありません
検索エンジンはグーグルのみじゃないのですが
減るとわかってると貼りたくないですね・・・
こんばんわ!ahoworkさん!
アフィリ息子です。
コメントありがとうございます!
サイドバーも関係あるなんて
知らなかったです^^:
ブログ応援させていただきます!
ブログ応援ポチッとオン!!!
こんばんわ、いつもお世話になってます^^
HTMLって最初いじるのに勇気いりますよね。
(変は風にならないかな?って言う心配)
私だけですかね?笑
慣れれば何の心配もいりませんが^^
では応援!
こんばんわ、Sappです。
いつもご訪問&応援に感謝です。
今日も無茶苦茶勉強させていただきました。「空白」でも減点なんですね!
はじめの頃はあの英語の小さい
文字を見ただけで???でした。
<br>が改行とわかるまで2週間
かかりました。
近頃少し分かった気になってましたが
今日の記事を読ませていただいて
「知らないこと、多すぎ!」と
悟りました。
ありがとうございます。☆応援!
- [2009/01/14 03:53]
- URL |
- Sapp:情報見聞録.com
- [ 編集 ]
- TOP ▲
ahoworkさん、
こんにちは!
美音(みね)です。
line数字をクリックすると飛ぶんですね。
知らなかったです^^
直すこと、たくさんありそうです^^
応援します、ポチ♪
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
ahoworkさん、
こんにちは、papa渡邉です。
いつもご訪問頂きありがとうございます。
画像を多用した
詳細な説明なので
分かりやすくて参考になりました。
記事中に紹介されている部分だけ
修正するだけでも
かなり違いそうですね。
では、
応援して帰ります。
再登場♪
こんばんは。
早速、記事参考に挑戦してみました。
だいぶマイナスが減りましたよぉ〜
それでも、まだ−94点だけど(汗)
私にはこれが限界みたいです。
あとは何をどうして良いのかさっぱりで・・・(笑)
でもHTML文法チェッカーは非常に良いです!
応援ポチッと☆
ahoworkさん
こんばんわ。ひで蔵です。
コメントと応援ありがとうございます。
詳しい説明で、勉強になります。
個別ページを調べだすと
大変になってしまいました(>_<)
またお伺いします。
熱烈に応援です!
トラックバック
この記事のトラックバックURL
http://aforiwork.blog19.fc2.com/tb.php/539-f565527f
- | HOME |


コメントの投稿