HTML入門で、最初に教えられる文について考えてみたいな。
いろんな基本のカタチを並べてみました。
<html>
<head>
<title>入門</title>
</head>
<body>
ここにいろいろ書いてみよう
</body>
</html>
これが、よく見かけるパターンです。いろいろ問題点があるような気もします。思いついたものをあげてみます。
html,head,title,bodyが基本で必要と謳っているサイトもあるでしょう。html,head,bodyは省略可能です(省略すべきではない)。titleは、なくても表示されますが、必須なので、書く必要があります。だから、シンプルなのは、こんなソースです。
<title>x</title>
このくらい書いとけばいいだろう、といったソースです。body内が空なのは好ましくないようですので、pが入ってます。代りに<h1>hello world</h1>でもいいです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>start</title>
</head>
<body>
<p>hello world</p>
</body>
</html>
CSSとJavaScriptを使えるようにして、見出しもつけてみました。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>HTML入門</title>
<link rel="stylesheet" type="text/css" href="c7.css">
</head>
<body>
<h1>HTML入門</h1>
<h2>基礎</h2>
<h3>歴史</h3>
<p>WWWの発生について…</p>
<h3>HTML</h3>
<p>HTMLというのは、…</p>
</body>
</html>
基本のカタチとは、初心者に対して、打ちこませて(またはコピー＆ペースト)、解説するものです。初心者だからシンプルなのがいいだろう、ということで、多くのサイトでは、html,head,title,bodyのみの要素を使ったソースを提示するのでしょう。たしかに、たくさんのものをいきなり教えるのは、習う人にとって大変で、興を削ぐかも知れないと考えたくなります。まぁ、でも、ヘンなのを教えるよりは、ちょっと長くてもちゃんとした基本のカタチを教えるのがいいと思います。⇒参考
HTML入門サイトのいくつかは、文書型宣言もtitleが必須なことも知らないのでしょう、などとはユメにも思っていませんので、先回りな臆測でものを言うのは、ちゃんと自分のメールアドレスを書いた上で言いましょう。