★ HTML文書の基本構造と文書情報
基本構造 (ドキュメント構造) と 文書情報 (METAタグ)
▼
☆ HTML文書の基本構造(ドキュメント構造)
<html>
<head>
<title> スタートページ(概ねindex.html)なら、 ホームページのタイトル (サイト内ページなら、サイト内容に見合うテーマ) </title>
</head>
<body>
本文
</body>
</html>
▼
HTML文書は、基本構造の中に、次のような文書情報が必要です。
- ドキュタイプ宣言・・・文書型定義の宣言
- METAタグ・・・文書形式や書式の表明、サイト内容の情報
- 本文・・・ホームページの内容
▼
上述の「1.ドキュタイプ宣言」 と 「2.METAタグ」の他に、
style-type と script-type
ブラウザの文字化けや不慮の誤動作を回避させるために、スタイルシート言語やスクリプト言語使用の記述
検索エンジンに参照させるサイト情報
meta name・・・robots、description、keywords等々
などの文書情報と、本文(表現したいホームページの文書情報)により、構成されています。
▼
= HTML文書に必要な文書情報 =
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>> ドキュタイプ宣言 HTML4.01 Transitional を宣言する場合
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
>> 文書ファイルの形式と表示言語の書式 (日本語表示は、Shift_JIS他)
<meta http-equiv="content-style-type" content="text/css">
>> スタイルシート言語を使用する場合
<meta http-equiv="content-script-type" content="text/javascript">
>> JavaScriptのスクリプト言語を使用する場合
LINK要素rel属性 <link rel="stylesheet" type="text/css" href="外部設定.css">
>> ドキュメント(文書)間の関係を定義する場合 例えば、外部スタイルシートの取り込み等
▼
W3C定義に従い、ドキュタイプ宣言を記述し、HTMLの基本構造を成す<html>タグ直下の<head>〜</head>タグ内に、適正な文書情報を書き加えます。
下記の表中、 html開始タグ内のlang="ja" は、japan=日本語 >> lang属性(言語の設定)
"iennmaq.css"は、管理人が外部に設定したスタイルファイルの任意名称。
当サイトは、次のとおりです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<link rel="stylesheet" type="text/css" href="iennmaq.css">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="description" content="HTML・CSS・CGIの覚え書き・・・省略・・・">
<meta name="keywords" content="ホームページ作成, 相互支援,・・・省略・・・">
<meta name="AUTHOR" content="Yah!">
<title>未知の苦HTML解道</title>
</head>
<body>
本文(ホームページの内容)
</body>
</html>
▼
METAタグ(meta name)は、検索エンジンのロボット検索に収拾して欲しいサイト関連の情報を記述します。SEO対策と深く関わり合いがあります。
meta name="robots"・・・ロボット検索に対応・非対応等の指定
meta name="description"・・・サイトの説明・紹介コメント等
meta name"keywords"・・・サイトの内容を表すキーワード
meta name="AUTHOR"・・・作者
|