■HTML非推奨の説明■
言葉の通り「推奨されない。」「歓迎されない。」「宜しくない。」と言うことです。
これは、前文でも触れましたが<!DOCTYPE>によってその内容が違ってきます。
ここでご紹介する幾つかの「非推奨」に関しては、僕が自ら経験したことや学んだことです。他にも様々なルールがあることを前提として
ご自身のホームページ作成にお役立ていただければ幸いです。
尚、ルールを守って作成されたHTMLは、ホームページ作成後のSEO対策にも非常に有利です。
以下にご紹介するのが「非推奨」とされ、よくチェックされる実例です。
画像データーを使用する際に
<img src="（自分の画像データー名）.gif">
だけをHTMLに入力せずにalt=""を記入しましょう。データーの名前ですね。
altの前には必ずスペース（空白）を入力することを、お忘れにならないようにしてください。
（自分の画像データー名）の前にもスペースが必要です。
また、hightとwidhtもできる限り記入しましょう。
データーサイズを入れておけば、ページの読み込みも早くなります。
見出しの使用に関しては、使用順位と使い方を間違わないようにしましょう。
<h2>見出し</h2>
・
・
<h3>小見出し</h3>
・
・
<h1>見出し</h1>
のように、順序をバラバラに使用することはやめましょう。
必ず<h1>から<h6>を順番どおり使用するように心がけ、出来れば<h1>は<body>の直ぐ後に使用しましょう。
また<a href="honyarara.html><h1>間違い</h1></a>のように、<h1>の前と後ろにリンクのタグがあったり、<strong>などのタグがある場合も
当然「非推奨」です。前後ともに、タグの順番をきちんと整理して作成しましょう。
HTMLファイルへのFont-colorやFont-sizeなどの装飾タグ入力は、出来るだけ避けましょう。
全てCSSで装飾するようにしましょう。
これは<body>に関しても同じことが言えます。<body>内にはタグを入れないように心がけ、やはりCSSで全て対応するようにしましょう。
以前にも触れましたが、<b>を使用せず<strong>を使用しましょう。
これは「太字にしている箇所は、強調メッセージです。」という、作り手サイドの使用意図を受け取ってもらえます。
安易な<br>の多使用も避けたほうが良いです。これに対しては<p>によるパラグラフ（段落）を使用します。
HTMLへの<center>等の指定は非推奨であるため、行揃えもCSSで行いましょう。
出来るだけtableレイアウトではなく、positionやfloatによる作成を心がけましょう。
CSSを使った作成と言うことです。これは、様々なパフォーマンス面で推奨されております。
tableレイアウトを使用する際には、summary=""を入力しましょう。入力方法は、下記をご参照下さい。
<table border="1" cellspacing="1" cellpadding="1" summary="非推奨の表レイアウトです。">
summaryとは、平たく言えばimgに対するaltと同じで、その表の代替テキストのことです。
誰でもそうですが、説明もなしに画像や表を提供して「これが何だか分かるでしょう？」的な提供をされると、理解に苦しみますよね。それと一緒です。
なので名前の付けれるものには、きちんと名前を付けましょう。
リスト内は<p>で構成せずにul要素（箇条書きリスト）ol要素（番号リスト）の使用が基本です。
僕は、CSSで加工しやすいdl要素を使用しております。
dt要素に「カテゴリー」dd要素に「カテゴリー内容」と、使用にあわせて構成が楽です。
ここであげた例はほんの一例ですが、よく指摘される「非推奨」です。 これからホームページを作成される方は、ぜひ参考になさって優秀なHTMLファイルを作成してください。
