| |
| [HTMLの基本] |
| 基本中の基本的なHTML文書とは |
| ドキュメントタイプを使用したHTML文書とは |
| ページ情報・詳細を記述したHTML文書とは |
| |
| 基本中の基本的なHTML文書とは |
|
・基本中の基本的なHTML文書の作成
|
|
[準備すること]のページでも書きましたが、テキストエディタに下記のように記述してください。
これで基本中の基本的なHTML文書の完成です。
ブラウザには[準備すること]のページ同様このように表示されます。
<html>〜</html>で、この文書がHTML文書であることを指定し、ブラウザには表示されません。
<head>〜</head>には、この文書全体に関する指定などを記述し、ブラウザには表示されません。
<title>〜</title>には、この文書のタイトルを記入します。タイトルはブラウザのタイトルバーに表示されます。
<body>〜</body>には、この文書の本文(内容)を記述します。ブラウザに表示される部分です。
|
| |
| ドキュメントタイプを使用したHTML文書とは |
|
・ドキュメントタイプを使用したHTML文書の作成
|
|
ドキュメントタイプとは、どのHTMLのバージョンで記述されているかを<!DOCTYPE>を使用して宣言するものです。
<!DOCTYPE>はその他のタグ同様ブラウザには表示されません。
テキストエディタには下記のように<html>タグの前に記述してください。
これでドキュメントタイプを使用したHTML文書の完成です。
ブラウザには基本中の基本的なHTML文書同様このように表示されます。
|
・ドキュメントタイプの種類
|
|
・W3C(World Wide Web Consortium)の提唱するHTML4.01を完全に満たしている場合のドキュメントタイプ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/tr/html4/strict.dtd">
・W3Cが非推奨とするタグを使用している場合のドキュメントタイプ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/tr/html4/loose.dtd">
・フレームを使用している場合のドキュメントタイプ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/tr/html4/frameset.dtd">
・i-modeの場合のドキュメントタイプ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
|
▲ページトップへ |
| ページ情報・詳細を記述したHTML文書とは |
|
・ページ情報・詳細を記述したHTML文書の作成
|
|
ページ情報とは、使用している文字コードやスタイルシートやスクリプト言語などの指定です。
ページの詳細とは、検索エンジンへの対応や作成者の名前・著作権などいろいろなことについての指定です。
それらの指定は<meta>タグや<link>タグを使用します。
<meta>タグや<link>タグはその他のタグ同様ブラウザには表示されません。
テキストエディタには下記のように<head>〜</head>の間に記述してください。
これでページ情報・詳細を記述したHTML文書の完成ですが、ここまで記述する人はあまりいないと思います。
ブラウザには基本中の基本的なHTML文書同様このように表示されます。
|
▲ページトップへ |
|
・<meta>・<link>の種類・属性の名称と意味
|
|
・<meta>
文字コードの指定：<meta http-equiv="content-type" content="text/html; charset=文字コード">
文字コードの種類と意味
| Shift_JIS |
日本語コード。
基本的にWindowsやMacintoshで使用されている文字コード。 |
| EUC-JP |
日本語コード。
UNIXで使用されている文字コード。 |
| iso-2022-jp |
日本語コード。
日本語コードの基本となるもの。 |
| UTF-8 |
各国の文字やアクセント記号、漢字の利用可能。 |
| ASCII |
アメリカ標準の文字コード。
全てのコードの基本となるアルファベットや記号が含まれる。 |
| ISO-8859-1 |
西欧諸語コード。 |
使用するスタイルシートの指定：<meta http-equiv="content-style-type" content="text/css">
使用するスクリプト言語の指定：<meta http-equiv="content-script-type" content="text/javascript">
検索エンジンに対する検索の許可・不許可の指定：<meta name="robots" content="許可・不許可">
許可・不許可には、下記のようなキーワードを記入し、コンマ(,)で区切ります。
例："index, follow"
許可・不許可の種類と意味
| index |
ページを検索対象とすることを許可する。 |
| noindex |
ページを検索対象とすることを不許可とする。 |
| follow |
ページ内のリンクをたどることを許可する。 |
| nofollow |
ページ内のリンクをたどることを不許可とする。 |
| all |
ページを検索対象とすることもページ内のリンクをたどることも許可する。 |
| non |
ページを検索対象とすることもページ内のリンクをたどることも不許可とする。 |
検索エンジンに登録するキーワードの指定：<meta name="keywords" content="登録するキーワード">
キーワードには、ホームページに関することを記入し、コンマ(,)で区切ります。
例："HTML作成講座, ホームページ作成"
検索エンジンに紹介される文章の指定：<meta name="description" content="紹介される文章">
検索エンジンに紹介される文章には、ホームページの内容を記入します。
例："当ホームページでは初心者でもわかるホームページ作成方法を紹介しています。"
HTMLファイルの編集ソフトウェア名の指定：<meta name="generator" content="編集ソフト名">
編集ソフトウェア名には、HTMLファイルの作成ソフトウェアの名前を記入します。
ホームページ作成者の指定：<meta name="author" content="作成者名">
作成者名には、作成した人の名前を記入します。
ホームページ著作権者の指定：<meta name="copyright" content="著作権者名">
著作権者名には、ホームページの著作権者の名前を記入します。
ホームページの日付の指定：<meta name="date" content="Sun, 01 Jan 2006 00:00:00 GMT">
日付は、上記の例のような記入方法でホームページを開設した日付を記入します。
ホームページの有効期限の指定：<meta name="Expires" content="Fri, 31 Dec 2010 23:59:59 GMT">
有効期限は、上記の例のような記入方法でホームページの有効期限となる日付を記入します。
|
・<link>
外部スタイルシートの指定：<link rel="stylesheet" href="スタイルシートのURL(.css)" type="text/css">
外部スタイルシートには、CSS(Cascading Style Sheet)ファイルのURL(xxx.css)を記入します。
外部スタイルシートとは、HTMLファイルと同じフォルダの中にあるCSSファイルのことを指します。
トップページの内容の指定：<link rel="contents" href="index.html" title="トップページ" >
トップページの内容には、トップページの内容を記入します。
ホームページ作成者のメールアドレスの指定：<link rev="made" href="mailto:作成者のメルアド">
作成者のメールアドレスには、管理者のメールアドレスを記入します。
|
▲ページトップへ |
| |
