1と2の間辺りからはじめるHTML講座ヘッダに書き込むものって?

もくじ
目次を飛ばして本文へ
博士H:

今回はヘッダについてじゃな。
ヘッダっちゅうのは、<head></head>の間に
書き込む情報のことじゃ。

生徒A:

博士! 「ドクタイプ」って何ですか?
必ず書くようにって、聞いたんですけど・・・

博士H:

う〜む、なかなかムズカしいところを突いて来るの。

それは、
<html>の前に書くのじゃ。
つまり、正確にはヘッダではないのじゃよ。

HTMLには様々なバージョンがあっての、
ドクタイプ宣言(DTD)というのは、
「これから書く文書は
このバージョンのHTMLに準拠しとるんよ」
というようなことを示すためのものなんじゃ。
じゃから、これはタグでもないのじゃな。

ワシが解説するのは、基本的に
HTML4.01 Transitional
というものじゃ。参考までにの。
補足の「非推奨要素」の項に、
少しばかり詳しい記事があるぞい。

じゃが、慣れないうちは書けと言われても、
どれを書いて良いのか分からんのじゃないかの。。

ま、そーゆーものであって、
好みのタイプの医者ではないのじゃな。

生徒B:

(来た〜)博士、本題に入りましょうよ。

博士H:

おおっと(邪魔しおったな)、そうじゃの。
ヘッダで使う要素は、主に
meta、script、title、style、link
の5つじゃな。
ここで解説できるのは、metaとtitleだけじゃ。

一つ目は、meta要素じゃ。

<meta name="Content-Type" content="text/html;charset=Shift_JIS">
博士H:

ブラウザではぜぇ〜ったい表に出てこない、
完全な裏方さんなんじゃ。
主に使う属性はnamecontentじゃ。
この場合、
nameで、これはContent-Typeに関するメタ情報で、
contentは、text/html;charset=Shift_JISがContent-Typeの内容だ、
といっとるのじゃよ。

因みにこの要素は終了タグ不要じゃ。

ホレ、ワシが必要じゃと思った
meta要素関連情報の一覧じゃ。
ノートするじゃ。

meta要素に関するもの
name属性名 contentに書くもの
Robots

検索ロボットがする動作を
若干規制する事ができるんじゃ。
大文字で書くのじゃぞ。

INDEX―そのページを検索対象とするじゃ。
 検索すればヒットするようになるぞい。
NOINDEX―その逆じゃ。
 そのページを検索対象から外すのじゃ。
FOLLOW―そこからリンクしている他のページも
 探索するよう指示するじゃ。
NOFOLLOW―その逆じゃ。
 探索しないよう指示するじゃ。

何も書かなかったら、
INDEX,FOLLOWと同じじゃ。
普通は書かなくて良いことになるの。

Copyright

そのページの著作権情報を記入するじゃ。
コピーライトかも知れんし、
その記述のあるページへのリンクかも知れん。

Reply-To

そのページに対する問い合わせ先を
カキコするのじゃ。
一般的にはメールアドレスを書くのじゃ。

博士H:

以上じゃな。

それから、以下にそれ以外の属性で、
重要なものを書いておくぞい。

その他の重要なmeta要素
[非]
http-equiv="Content-Type"

これで、自分が使っている文字コードを指定するんじゃ。
普通は、content属性には
text/html; charset=Shift_JIS
と書いておけば良いぞ。

これは、<head>の直後に挿入しておくのじゃぞ。

博士H:

さて、次はtitleじゃ。

<title>ここにタイトルを書くじゃ。</title>
博士H:

タイトルバーに表示されたり、
お気に入りに入れたときに表示されたりする、
アレじゃよ。

言っとくが、タイトルの中にタグは使えんぞい。

生徒B:

使いたい奴は使えばいいんじゃない?

博士H:

こんな風になるんじゃぞ?
<b>目立つタイトル!</b>と書かれたタイトルバー

生徒B:

うっ(汗)
そりゃぁ情けなさ マックス だな・・

博士H:

後はこんなものがあるぞい。

その他の使えるヘッダ用要素
<link rel="Shortcut Icon" href="favicon.ico">

これでアイコンを設定できるのじゃ。
お気に入りで表示される、アレじゃよ。
デフォルトは、「favicon.ico」となっておる。

自分のサイトのアイコンを作ってみるのも面白いぞい。
色々と作成用のソフトも出回っておるで、
探してみる事じゃ。

おっと、「お気に入り」で表示されるのは、
16x16の大きさじゃて、それに注意しておくじゃ。

博士H:

次回は、ページ全体に関する項目と色の書き方じゃ。

<大体の感じを教えて[P] ページ作りの本番の前に[N]>

▲見出しへ戻る
最終更新日:2003年11月24日
Copyright © 2001-2003 ばあど All Rights Reserved.