|
| いまさらHTML,CSS講座トップ > 初心者講座 > 基本構造 |
|
|
■ 基本構造 |
| 本稿では、ホームページの基本構造を作成します。記述例で掲載しているHTML文書の基本構造は、いきなり長い記述ですが、SEO対策を最低限施した構造です。 |
| ホームページ作成の知識はこちら |
| HTML文書の基本構造を詳しく学びたい方は下記リンクで。 |
基本構造
DOCTYPE宣言
META要素
|
| ■ 基本構造 |
|
<!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 name="robots" content="INDEX,FOLLOW">
<meta name="description" content="">
<meta name="keywords" content="">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<title></title>
</head>
<body>
</body>
</html>
|
|
|
1行目から解説
- DOCTYPE宣言
ドキュメントタイプ、又はドクタイプと読みます。DOCTYPE宣言が記述された文書の HTML が、どのバージョン（規格）で記述されているかを宣言します。
- html タグ
HTML文章の宣言。lang属性は、言語を文書の言語を指定しています（省略可）。
- head タグ
ヘッダー。ページの様々な情報を記述します。原則的にはブラウザ上では表示されない部分です。
- meta 要素（上から順に）
- 文字コードのセットです。
- content="" の値に、検索ロボットの制御を指定します。INDEX は検索を許可、NOINDEX は検索を禁止、FOLLOW はリンク先をたぐることを許可、NOFOLLOW はリンク先参照を禁止します。
- content="" の値に、ページに関連する説明文を記述します。
- content="" の値に、ページに関連するキーワードを指定します。検索ロボットの中にはこのキーワードを解釈してくれるものがあります。また、キーワードは、カンマ（ , ）で区切ります。
- ページにスタイルシート(CSS)を記述する場合指定します。
- ページに JavaScriptを記述する場合指定します。
- title 要素
サイトや、ページのタイトルを記述します。ブラウザ画面上部に表示されたり、お気に入りに追加した時の登録文字にもなります。通常は、サイトのタイトルを入れます。
- head タグの終了タグ
- body タグ
ブラウザで表示する内容を記述する部分です。
- body タグの終了タグ
- html タグの終了タグ
|
|
|
Lesson1 >>
Lesson2 >>
Lesson3 >>
Lesson4 >>
Lesson5 >>
Lesson6 >>
Lesson7 >>
Last Lesson >>
Lesson 実践
|
|
|
|
|
|
|
