序

これからWebサイトを開設しようとしている方は、『ホームページを作るのは楽しい』『簡単に作成』『裏技』などの文に感化されないようにしましょう。なぜなら初心者が正しいHTMLやCSSの勉強をせず、オーサリングツールなしで、より良いHTML文書を作製することは困難だ、と私は思うからです。実際、知識なくしてそんなに簡単には作れませんし、間違ったHTML文書を教える『ホームページ』は、往々にして何らかの問題をはらんでいます。そしてそういう『ホームページ作成入門』サイトの書くソースは、問題のあるものが多いというのも事実です。

さて、このような『問題のある入門サイト』の記述を鵜呑みにしたサイトを閲覧するとどうなるのか…全てがテーブルで括られているため読み込みが終わるまで表示されなかったり、異常に多い(又は大きい)画像のせいで読み込みに膨大な時間がかかったり、mp3を再生しながら閲覧をしているにも関わらず強制的にMIDIを聞かされたり、飛ばす事の出来ないFLASHやJava Scriptで足止めを食らったり…このような事が起きたりします。閲覧に負担が掛かるだけならともかく、最悪の場合閲覧できなかったりOSを落としたりするそうです。因みに私は未だOSが落ちた事は無いのですが、クリックすら出来なくなったりUAが落ちたりした事は多々ありました。

とにかく残念なのは、上記の様なサイトは実際に存在するのです。嘘ならどれだけよろしい事か。これからサイトを作るという方は、少しでもこのページで概要を知り、関連サイトを参考にしてくださると幸いです。

注）先に断っておきますが、HTMLの勉強は各自できちんと行っておいてください。私はHTMLを教える気は全くありませんし、人に教えるほどHTMLの事を知り尽くしていませんので。とりあえず、正しいHTMLの勉強を少しでもしていれば、何故下記のような事を言うのか分かると思います。

やってはいけない事。やらない方がいい事。

全ては以前私が行っていた事に当てはまる事でもある。

『簡単』『楽しい』などを謳ったHTML解説本に頼りきる。Webサイトも同様。
そのような書籍やサイトに限って、ちゃんとしたHTMLを教えていない事が多いです。アンオフィシャルなタグの使用方法などは満載ですが。とにかく、とばっちりを食らう『正しいHTMLを教えている入門書及びWebサイト』と『HTML作成初心者』が可哀想です。
上記を行った上、HTML作成ツールは高価なのでテキストエディタで作成する。
とりあえずマトモなものは、まずできないでしょう。(正しい)HTMLの解説本を買って勉強すらしていないのでお金は余っていますよね？オーサリングツールくらい買えるでしょうから、ケチらずに市販のHTML作製ソフトを買ってください。ただし、マトモなツールは少ないので様々なサイトで情報を集めてください。
DOCTYPE宣言を決め打ち。
間違ったDOCTYPE宣言する位ならば、表記しない方がまだマシと思いますが…どちらにせよ間違いには違いないのですが。なにより整合性に欠ける記述は、もしもソースを見られた場合、少し恥ずかしいかも。
文字セットの記述が不適切。
大体において、UAがきちんと間違えてくれます。例えばShift_JISで書かれた筈の文書をジオシティーズ(EUCでULしろと明記されている。調べていないのでよく知らんが、ジオ側で用意された『ジオツール』による制約か？HTML文書はShift_JISでも問題なく動作するが)へのULの際に、文字セット設定をEUC_JPとか書いてそのままUPしてみたりすると、高確率でテキストが化けます。理屈が分からなかったら書かないほうが…もしくはtxtファイルでULするとかどうよ？（笑）
<title>が表記されていない。
そもそもHTMLとして大失格…
inline要素内にblock要素を入れ子。
ちゃんと勉強してください、としか云い様がない…
要素の入れ子が滅茶苦茶。
恐らくテキストエディタ＋我流の人に多い間違いなのでしょう。(比較的)まともなオーサリングツールを使わないのなら、まともなHTML文書を書く＋構文チェックは完璧にしましょう。それでHTML教えてりゃ…出来る気取りはカコワルイよ…以前の私を含めて。
見出しに<font>を指定する。
まぁ別に文章を書かないというのならば、良いのかも知れないが。
文字の大きさを指定するのに<h*>を使用する。
<h*>が何を表すのか勉強しましょう。そんなに訳のわからない見出しを沢山作ってどうするんですか（笑）
無闇に<br>を使用する。
基本的に使う事のないものです。因みに<br>は強制改行だって知ってます？
引用以外で<blockquote>を指定してマージンをとる。
<blockquote>は引用文です。全く以って使用法間違いですからやめましょう。恥ずかしいし、視覚にハンディを持つ方にとって、この行為は害悪でしかない。もっと言えば、インデントするならCSSでマージン調整した方がよっぽど楽。
<frame>の特性を理解せずに使用する。
フレームをきってあるのに内部リンクで新たなウィンドウが開くとか、外部リンクもフレーム内に表示されるとか…もっとあるけどうんざり。必要なら自分に対してそれなりの厳しい目をもって取り組んでください。マトモな動作をしないフレームはトッテモハズカシヨ。
レイアウトの為に意味の無い巨大な<table>を使用する。
tableは表です。レイアウトに使うものではありません。それと、テーブル内の文書は読み込みが終わるまで表示されなかったりするUAが多い事に気付きましょう。閲覧者の待たされる事でのストレスを考えないというのなら別にいいですが。というよりレイアウトするなら融通の利くCSSを導入しませんか？あ、因みに私の閲覧時のIEデフォルトサイズは、色々と使い勝手が良いのでMacintosh Plusのモニタに近いコレです。でっかい幅指定でレイアウトのために整形されたtableを閲覧する労力はどれほどでしょう？（笑）
矢鱈に画像を使用する。
パケットがかさむので嫌いです。重い。目が痛い。いらない画像は廃した方が、恐らく貴方の考える『すてき』なサイトにできると思いますよ。私見として、画像を矢鱈と使っても良いのはCG系サイトとアダルト系サイト位だと思うのですがどうでしょう？（笑）
ページ全体が巨大なイメージ。
昔やったことあります（笑）イメージマップの練習としてですが、自分で作ってこれほど鬱陶しいものはなかったです。これも視覚にハンディを持つ方にとってはほぼ致命的。せめてテキスト又はalt、title属性で『ボクのイカしたホムペテクは画像が見れなかったら感動できない是ッ』位書いておいてください。
強制MIDI演奏。
せめてon/offの権利をください(もちろんデフォルトはoffで)。コンピュータも人体も処理能力に負担がかかるデスヨ。
対策の施されていないFLASHオンリーページ。
そゆヒトは、全世界の人間が対応Plug-Inを入れるまで公開禁止されるといいのにね。スキップ用アンカーは基本でしょう。それ目当てでなければ、何回も何回もだらだらと同じモンを見る気ないので。
Java Scriptの乱用。
何か飛んだりマウスに憑いて来たりはもう結構。凡庸なランダムメッセージ＋UA表記＋クリックすればウィンドウパカパカ開かせる…面白いのは自分だけー。
HP
Hewlett-Packard Company。もしくはHit Pointって事で。『ホームページ』は問題ないと思われ。
Japanese only
日本人以外お断り。
Link free
リンクないでっせー。或いはリンクタダでっせー。

使うべきではないタグ類

<blink>(NN)
目が痛いです。疲れます。ビビットな色使いで複数点滅されると、アダルトサイトに来たと勘違いできます。ネットスケープ独自拡張＆非推奨要素。
<marquee>(IE)
目が疲れます。五月蝿い鬱陶しいイライラ満載なテクです。IE独自拡張＆非推奨要素。
<layer>(NN)
使った事ないからよく知らないけど、CSSを使って何となく指定してみたりするのは駄目ですか？positionとか使ってさ。ネットスッケープ独自以下略。
<embed>(NN)
…切れないMIDIとか入れるなや。ネットスケープ以下略。
<applet>
おもくなるもとだからこじんてきにいらないとおもいます。
<basefont>
で、その制限は何故？…因みに全く関係ないが、Windowsに対応したosakaフォントってありますか？フリーであるのならば御一報ください。

できれば使いたくないもの

<font>
でっかくしすぎたりちっちゃくしすぎたり色つけたりしすぎると、アダルトサイトっぽくできるタグです。使うなら控えめに使う方がよろしいかと。HTML4.01Strict以降は非推奨。
<center>
align属性かCSSでやってね。HTML4.01Strict以降は非推奨。
<u>
CSSでやってな。HTML4.01Strict以降は非推奨。
<strike>
<del>を使ったりCSSでやりなせい。HTML4.01Strict以降は非推奨。
<s>
<strike>と同じ意味のタグです。HTML4.01Strict以降は非推奨。

その他

<i>
CSSで代用可能。なんとなく必要だというのなら<span class="〜">等で指定しましょう。でも、日本語表記でイタリック体ってそんなに使い道があるとは思えないのですが…どうですか？
<b>
CSSで代用可能。意味を求めるならば、<em>や<strong>などを使ってCSSで指定した方が良いです。単にボールド化したい場合は…<span>でクラスを設定するなりして使った方が良いかも。
<big>
CSSで代用可能。文字の大きさに意味を求めるならば、<span id="〜">等で上手く設定しましょう。
<small>
CSSで代用可能。文字の大きさに意味を求めるならば、<span id="〜">等で上手く設定しましょう。

了

なんだかんだと言ってきましたが、私自身も未だまともなHTML文書を書けないでいる一人ですし、HTMLの勉強途中です。早く良いHTMLを書けるようになりたいものです。

最後に…

(2001/09/12 記)

ためになるHTML解説サイトなど