HTML 初級講座 Room101 第4回
HTML 初級講座 Room101 第4回
ドキュメント情報の記述
◎前回あったテキストがこのように見えています。
ここに、ドキュメント情報を記述するとありますが、ドキュメント情報とは、いったい何なのでしょうか？
●今回はこれを解明？するのがテーマです
＜HEAD＞
このあいだに書かれたテキストをドキュメント情報といい、特別な意味を持っています。
＜/HEAD＞
実際に公開されているホームページに書かれている例をあげましょう。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=x-sjis">
<title>毎日新聞</title>
</head>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
これは、毎日新聞社サイトのトップページに書かれたテキストの一部です。
１． <meta で始まる文 http-equiv="content-type" content="text/html;charset=x-sjis"> と
２． <title>と</title> に挟まれた 毎日新聞 の文があります。
１．の <meta は ページの作成者が、後々のためにメモをとるためのテキストです。表示や動作には一切影響を与えません。<meta この部分以降,何を書いてもいいのです。 >
２．<title> と</title> に挟まれた文は、表示や動作には影響を与えませんが、ページのタイトルを書くようにします。検索サービスをしてサーチエンジンは、サイトの自動的に探し、．<title> と</title>の間に挟まれた文字列を、そのサイトのタイトル（題名）だと判断して、データベースに登録しています。（それ以外にもありますが）
ですから、自動的にホームページを宣伝してくれる大切なキーになります。
よく考えて、的確なネーミングをしましょう。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<title>system house prompt </title>
<meta name="description" content="有限会社プロンプトのご案内">
<meta name="keywords" CONTENT="プロンプト,有限会社,コンピュータ,パソコン,アクセサリー,周辺機器,ビデオ,グッズ,ネットショップ,徳島,システム開発,ソフト開発,インターネット,マルチメディア,LAN,ネットワーク">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
これは、ｐｒｏｍｐｔのサイトのテキストの一部です。<meta ******> は何行にも書かれていますが、一向にかまいません。なんだか宣伝のかたまりのようですが、その通りで、サーチエンジンが拾い出して、宣伝をしてくれるの期待しての「せこい」作戦です！
なお、英小文字でTAGを書いていますが、TAGの大文字、小文字表記は、動作に関係ありません。どちらでもいいのです。
<META> の表現の詳細例は下表の通りですが、全部を定義する必要はありません。Refreshだけが動作を伴いますが、普通は使いません。上に説明したぐらいを記述すれば十分でしょう。
<META NAME="変数名" CONTENTS="変数の値">
NAME（変数名） CONTENTS（変数の値） author ページの作成者を書きます description HTMLのバーションを書きます keywords ページのキーワードを書きます、いくつも書いてもOkです。区切りは"," で generator ページ作成ソフト名を書きます <META HTTP-EQUIV="初期値" CONTENTS="変数の値">
HTTP-EQUIV（初期値） CONTENTS (変数の値) CONTENTS-Type text/html;chrset="Shif-JIS" (全角のコード名を書きます) CONTENTS-Script-Type text/javascript (JABAで書いたスプリクトの場合) Refresh 数値 (数値秒後に再ロードします) Refresh 数値;URL= (数値秒後にURLにジャンプします) back to room 101 top
goto e-school top
