HTML4.01strict
HTML4.01strictをお勧めします。
HTMLはいくつかのバージョンがあります。HTMLをより一歩進めた感じのXHTMLというのもあります。HTMLの中にxmlを含まなければ特にXHTMLを使用する必要性が少ないのでHTMLは4.01をお勧めします。
HTML4.01の中にも種類がありますがstrictを使用することをお勧めします。
strictはルールが厳密であり制約がありますがPCブラウザが違ってもCSSにより同じ表示が期待できます。(適切な文章型宣言が必要です)
ただ、IEについては少し違うところもありますので工夫が必要な場合もあります。
HTML4.01strictのHTMLのひな型
w3cのOn SGML and HTMLにあるものをベースに文字コードの宣言や外部CSSのlinkを付けくわえたものです。要素名はxhtmlに対する前方互換を考えて小文字に変更しました。
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html lang="ja">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta http-equiv="Content-Style-Type" content="text/css">
- <meta http-equiv="Content-Script-Type" content="text/javascript">
- <title>タイトル</title>
- <link rel="stylesheet" type="text/css" href="../css/reset.css">
- </head>
- <body>
- <h1>見出し</h1>
- </body>
- </html>
ソースをコピーするときはブラウザ(firefox)により行番号まで取り込まれることがあります。違うブラウザをお試しください。
1行目は文章型宣言です。Recommended list of DTDsに詳しくあります。
2行目のlang="ja"は文章が主に日本語であることを示します。
4行目はUTF-8という文字コードで記述してあることを示しているので保存の際はUTF-8で保存してください。Shift_JISをお使いの場合はcharset=Shift_JISに変更してください。
8行目は外部CSSファイルの場所を示しています。href="../css/reset.css"になっているのでこの場合はこのファイルの1階層上にCSSというフォルダがありそこのreset.cssというファイルを参照しています。ご自分の環境により変更してください。