カミハナガーイトモダチダッタ・・・・？
かがみのまえニテ・・・
頭は？ HEAD要素
何処まで続く？
情報？ META要素
MIMEタイプ
検索エンジン
此処は何処？ LINK要素
お、思い当たる節が？
私は誰？ TITLE要素
此処までに判明しているHTMLの構造
HEAD要素です。DTDには
W3C → XHTML 1.0 → Multi-part XHTML file → DTDs → XHTML-1.0-Strict より
<!--================ Document Head =======================================--> <!ENTITY % head.misc "(script|style|meta|link|object)*"> <!-- content model is %head.misc; combined with a single title and an optional base element in any order --> <!ELEMENT head (%head.misc; ((title, %head.misc;, (base, %head.misc;)?) | (base, %head.misc;, (title, %head.misc;))))> <!ATTLIST head %i18n; id ID #IMPLIED profile %URI; #IMPLIED >
と記述してあります。記述内容は以下の通りです。
当サイトでは下記の順序で記述することをお勧めします。
♪泥濘ぞー♪古！この歌知ってる方、います？・・・
要素の影響を受ける範囲です。
前節でHEAD要素の i18n属性はHTML要素で指定してあるので省略すると書きました。
子要素は、親要素の属性やスタイルを引き継いで行きます。しかし、要素は固有の属性やスタイルを持ち、全てを引き継ぐわけでは有りません。
ウェブページを作成する場合、親要素からの影響を考慮しなければなりませんが、そんなに難しく考える必要はありませんよ。実際にウェブページを作成して表示させるとすぐに分かります。
META要素には、ウエブページ内の情報を記述します。
W3C → XHTML 1.0 → Multi-part XHTML file → DTDs → XHTML-1.0-Strict より
<!-- generic metainformation --> <!ELEMENT meta EMPTY> <!ATTLIST meta %i18n; id ID #IMPLIED http-equiv CDATA #IMPLIED name CDATA #IMPLIED content CDATA #REQUIRED scheme CDATA #IMPLIED >
要素の内容は 空 （EMPTY）です。
空要素は、開始タグのみで、終了タグはありません。そのかわり、開始タグは半角の空白に続き /> と、閉じます。
○ ⇒ <meta http-equiv="***" content="MIMEタイプ" />
× ⇒ <meta http-equiv="***" content="MIMEタイプ">
REQUIRED は、省略不可です。CDATA は、文字データ（Character DATA）です。
使用例は以下の通りです。
意味は、このページはShift_JISという文字コードでテキストを書いた XML に準じた XHTML です。
文字コードの指定以前に、要素の内容や属性の値に漢字等が記述されているとブラウザが文字を認識出来ず、文字化けを起こす場合が有ります。文字コードの指定は、HEAD要素内の先頭に記述します。
ページ内で使用するスクリプトタイプを指定します。スクリプトを使用する場合は、必須です。
ウェブサイトやページの概説を記述します。このサイトでは、
content="パソコンなどまったく無縁な中年おっちゃんでも出来たウェブページ作成講座"と記述してあります。
ウェブサイトやページのキーワードを記述します。このページには、
content="ホームページ,ウェブページ,html,xhtml,css,スタイルシート,おっちゃん,無料,作成,中年,HEAD要素"と記述してあります。
ウェブサイトの作者情報を記述します。このサイトでは、
name="author" content="おっちゃん"と記述してあります。
其の他にもMETA要素の属性はありますが、ブラウザの機能や閲覧者の機器の環境により動作できないもの等です。此処では割愛いたします。
MIME（Multipurpose Internet Mail Extension）は、1992年にIETFが提唱した規格で、UA と サーバー間で利用されるファイルの拡張子とデータ型の関連付けを行っています。
MIMEタイプは、『タイプ名/サブタイプ名』の形式で構成されていて、”/”で区切られています。
text/html
と記述してあれば、『テキストで記述されているHTMLファイル』 という意味になります。
META要素の概説やキーワードは、何の為に必要なのでしょうか？
Yahoo! JAPAN や Google 等のポータルサイトやツールバーの検索窓に調べたい事柄を入力して検索を行うと、膨大な数のサイトが表示されます。WWW 上に存在する情報（ウェブサイト、画像ファイルなど）を自動で検索して蓄えているからです。
この機能（プログラム）を検索エンジンと呼びます。
初期の検索エンジンは、登録された URI のMETA要素に記述されている概説やキーワードを頼りに収集していました。
現在では、登録された URI のサイト内を全て調べてキーワード毎に収集しているようですが、そのサイトの顔となるべき物が必要です
そのサイトの顔となるべき物が概説やキーワードの内容です。アピールポイントです。簡潔に、判り易い内容が必要です。
LINK要素は、自ページに関連するURI等を記述します。
W3C → HTML 4.01 Specification → 12.3 Document relationships: the LINK element より
12.3 Document relationships: the LINK element
This element defines a link. Unlike A, it may only appear in the HEAD section of a document, although it may appear any number of times. Although LINK has no content, it conveys relationship information that may be rendered by user agents in a variety of ways (e.g., a tool-bar with a drop-down menu of links).
W3C → XHTML 1.0 → Multi-part XHTML file → DTDs → XHTML-1.0-Strict より
<!ELEMENT link EMPTY> <!ATTLIST link %attrs; charset %Charset; #IMPLIED href %URI; #IMPLIED hreflang %LanguageCode; #IMPLIED type %ContentType; #IMPLIED rel %LinkTypes; #IMPLIED rev %LinkTypes #IMPLIED media %MediaDesc; #IMPLIED >
rel属性は順方向リンクを指定し、rev属性は逆方向リンクを指定します。使用例は以下の通りです。
そのページを記述している人（私）の所在地を明確にする為にメールアドレスを記述します。
ウエブサイト内のページの関係性を記述します。LinkType には、
| start | 開始ページ | contents | 目次のページ |
| prev | 前のページ | next | 次のページ |
| index | 索引のページ | glossary | 用語集のページ |
| copyright | 著作権記述のページ | help | ヘルプのページ |
| bookmark | リンク集のページ | stylesheet | 外部スタイルシート |
等があります。適時使用すればいいと思いますが、最低でも rel="index" か rel="start" を使用してトップページURI等のナヴィゲーション用のリンクとメールアドレスを記述するようにします。
上の表示は、NNを使用して 表示 → ページ情報 でページのリンク情報を表示させた例です。このLINK要素を解釈して何か行なってくれるブラウザが存在するかも知れません。
又、貴方がウェブページを作成して公開された場合、どのページからアクセスされるか分かりません。その時に、戻りのページが分からなければ貴方のサイトにはもうアクセスしてもらえないかもしれません。LINK要素以外にも、各ページに道標となるリンクを記述しておく事も大切だと思います。
外部ファイルに記述しているスタイルシートを参照するには、
<link rel="stylesheet" type="text/css" href="URI" />
と記述します。
注意を１つ。思い当たる節が有りませんか？訳の分からないメール、よく来ませんか？
特にアダルトサイトを見た後に・・・・
私は思い当たる節ばかりです。
ウエブページに記載してあるメールアドレスを自動的に収集するソフトも存在するそうです。また、閲覧者のメールアドレスのみならず、アドレス帳に登録されているメールアドレスを読み取ってしまう仕組みが組み込んであるサイトすら有るそうです。
然し、メールアドレスは正確に記述しないといけませんが、勝手にメールアドレスを収集されて、迷惑メール（スパムメールと呼ぶそうです）が増えるのもコマリモノ。
メールアドレスを収集ソフトが見つけられずに、ブラウザはメールアドレスを判定できる方法があれば良いわけです。有りました！
私はオンラインソフトAppli Box ＆ Cup のページさんのHTMLエンティティ生成を利用しています。詳しくは同サイトをお読みください。
君子危うきに近寄らず
虎穴に入らずんば虎児を得ず
<title>ウエブページのタイトル</title>
W3C → XHTML 1.0 → Multi-part XHTML file → DTDs → XHTML-1.0-Strict より
<!-- The title element is not considered part of the flow of text. It should be displayed, for example as the page header or window title. Exactly one title is required per document. --> <!ELEMENT title (#PCDATA)> <!ATTLIST title %i18n; id ID #IMPLIED >
W3C - HTML 4.01 Specification → 7.4.2 The TITLE element より
Authors should use the TITLE element to identify the contents of a document. Since users often consult documents out of context, authors should provide context-rich titles. Thus, instead of a title such as "Introduction", which doesn't provide much contextual background, authors should supply a title such as "Introduction to Medieval Bee-Keeping" instead.
著者は、文書の内容を特定するために、TITLE要素を使用しなければなりません。ユーザーは、閲覧中のページからから関連するページを参照する事がよくあるので、著者は関連性が把握できるタイトルを提供しなければなりません。例えば、「入門」とタイトルを付けただけでは、関連性がそれほど伝わりません。著者はその代わりに「中世の養蜂についての入門」のようなタイトルを提供しなければなりません。
BODY要素の内容
（実際に表示されるページの構成や内容）