ソース編
HTMLを書こう
Webページの基本はHTMLです。
最近はGUIな作成ソフトがたくさんありますが、基本的な勉強はしておいたほうがいいです。
このへんを参考にお勉強してみて下さい。
特に難しいことはありませんので、半日くらいで理解できるはずです。
正しいHTMLを書こう
IEやNNなど、最近のブラウザではHTMLが多少間違っていても都合のいいように解釈し、表示してくれたりします。
自分の作ったページが正しい文法に乗っ取ってるかチェックしてみましょう。
Another HTML-lint gatewayと、
W3C MarkUp Validation ServiceでHTMLの採点をしてくれます。
このふたつに合格するのが最低限のマナーでしょう。
ちなみに当サイトは各ページの一番下にチェックバナーがついています。
なるべく全てが
になるようにがんばっています。
重いので削除しました。
有名サイト添削結果
有名サイトをAnother HTML-lint gatewayで勝手に採点した結果です。
| サイト名 添削URL |
添削結果 | 添削日 | |
| Google http://www.google.co.jp/ |
 |
124個のエラーがありました。 このHTMLは -149点です。 |
2003/05/12 |
| Yahoo! Japan http://www.yahoo.co.jp/ |
|
434個のエラーがありました。 このHTMLは -103点です。 |
2003/05/12 |
| MSN Japan http://www.msn.co.jp/home.armx |
|
373個のエラーがありました。 このHTMLは -133点です。 |
2003/05/12 |
| マイクロソフト http://www.microsoft.com/japan/ |
|
745個のエラーがありました。 このHTMLは -231点です。 |
2003/05/12 |
| Netscape Japan http://wp.netscape.com/ja/ |
|
313個のエラーがありました。 このHTMLは -154点です。 |
2003/05/12 |
| Opera 日本語サイト http://www.jp.opera.com/ |
 |
23個のエラーがありました。 このHTMLは 97点です。 |
2003/05/12 |
| アサヒ・コム http://www.asahi.com/ |
|
546個のエラーがありました。 このHTMLは -122点です。 |
2003/05/12 |
| Vine Linux Home Page http://www.vinelinux.org/ |
 |
92個のエラーがありました。 このHTMLは 70点です。 |
2003/05/12 |
| ２ちゃんねるへようこそ http://www.2ch.net/ |
|
26個のエラーがありました。 このHTMLは -8点です。 |
2003/05/12 |
| 首相官邸ホームページ http://www.kantei.go.jp/ |
|
197個のエラーがありました。 このHTMLは 8点です。 |
2003/05/12 |
| とほほのＷＷＷ入門 http://tohoho.wakusei.ne.jp/www.htm |
|
74個のエラーがありました。 このHTMLは 79点です。 |
2003/05/12 |
| Japan Apache Users Group http://www.apache.jp/ |
|
36個のエラーがありました。 このHTMLは 73点です。 |
2002/05/12 |
| フジテレビホームページ http://www.fujitv.co.jp/ |
|
35個のエラーがありました。 このHTMLは -51点です。 |
2002/05/13 |
| 日本テレビ・ホームページ http://www.ntv.co.jp/ |
|
336個のエラーがありました。 このHTMLは -138点です。 |
2002/05/13 |
XHTML+CSSに移行しよう
Linux Life はXHTML1.1に基づいてソースが書かれています。
Studing XHTML 1.1を参考にしました。
変更した主な点としては次のようなことがあげられます。
ドキュメントタイプ宣言
タグを小文字に
閉じる必要があるタグを閉じる。(<option></option>等)
閉じる必要の無いタグを<??? />のようにする。(<img ・・・ />,<input ・・・ />等)
selected、checked、などをselected="selected"、checked="checked"にする。
色や位置はスタイルシートで定義する。
XHTMLのチェックはW3C MarkUp Validation Serviceでできます。
CSSのチェックはhttp://jigsaw.w3.org/css-validator/でできます。
