星script要素 < 他のhead要素

JavaScriptをscript要素内に記述

<script type="text/javascript"> または <script language="JavaScript">
<!--
  ~
//-->
</script>

外部JavaScriptの方が良い。

<script type="text/javascript" src="~.js"></script>



星style要素 < 他のhead要素

CSSをstyle要素の中に記述

<style type="text/css">
<!--
  ~
-->
</style>

外部スタイルシートの方が良い。

<link rel="stylesheet" TYPE="text/css" href="~.css">



星link要素 < 他のhead要素

当該のWebページに対して、関連する文書との関連、URIを示する。
スタイルシートの外部参照も、実はリンク要素のひとつである。

<link rel="contents" href="naiyou.html">
<link rel="prev" href="mae.html">
<link rel="next" href="tugi.html">
などと、head要素の中に書く。



星DOCTYPE宣言

世界のWeb標準について権威ある?W3C(World Wide Web Consortium) が、HTMLの文書型定義(DTD:Document Type Definition)を提示している。

文書型定義とは、例えばHTMLの正しいタグの使い方。この文書型定義には、いくつかのバージョンがあり、DOCTYPEとは、その文書型定義の中で、どのバージョンや書式に従っているのか、を記述するものである。

DOCTYPEスイッチ

DOCTYPE宣言の記述内容によって、Internet Explorerは、Windows版6以上、Macintosh版5以上、Mozillaは0.6以上、Netscapeは6以上、OPERAは7以上で、標準モードと互換モードというように、レンダリングが切り替わる。

標準モードのDOCTYPEスイッチ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

互換モードのDOCTYPEスイッチ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

例えばHTML4.01の記述は
Strict DTD
厳密な文書型定義、理想的なHTML記述。いい加減にタグをかけない。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">または
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Transitional DTD
Strict DTDに対して、厳密ではないということ。過渡的ということだから、今だけだよということか。非推奨のタグの使用がゆるされる。ただしStrict DTD同様フレームの使用はできない。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">または
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Frameset DTD
Transitional DTDとほぼ同しで、フレームが使える。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> または
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

公開識別子

「<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ~//EN"」の部分は、「公開識別子」と呼ばれている。

システム識別子

「"http://www.w3.org/TR/html4/~.dtd">」の部分は、「システム識別子」などと呼ばれている。

システム識別子は、参照されるべきDTDのURIが記述されているが、省略可能である。しかし、システム拡張子のある・なしで、ブラウザのレンダリングモードが切り替えられる、つまりDOCTYPEスイッチとなることがあるので注意。

ブーケ2htaccess

より徹底した文字化け対策のため、htaccessファイルを用意して↓のように記述する。
AddType "text/html; charset=Shift_JIS" .html

この「htaccess」は、Apacheのレンタルサーバなどで使う。また、プロバイダや無料サービスなどのホームページスペースでは使えないことが多い。

通常は、個々のHTMLファイルのhead要素のメタタグに設定するが、これでは不十分の場合があるので対策しておく。