代表的な要素-c.d.t.

よく使う要素

重要な要素について説明していきます。コメント以外は、body要素内にのみ記述します。

: これは特殊なタグで、このタグで挟まれた部分をコメントと言います。コメントは、XHTMLとして解釈されず、画面にも表示されません。ページの作成者が、自分がわかりやすいように説明を書いたりするときに使います。
<a href="パス">～</a>: リンクを示すインライン要素です。 Internet ExplorerなどのWebブラウザでは、タグで挟まれた部分をクリックすると、パスで指定されたファイルへ飛びます。
<img src="パス" width="幅" height="高さ" alt="文字列" />: パスで指定された画像を配置するインライン要素です。幅と高さの単位はピクセルで書きます。又、alt属性で指定された文字列は、画像が表示できない場合に代わりに表示されます。
<hn>～</hn>: 見出しを示すブロックレベル要素です。実際に使う場合は、nに1～6までの数字を入れて下さい。 1が一番大きい見出しとなります。
<p>～</p>: 段落を示すブロックレベル要素です。
<div>～</div>: ブロックレベルの要素を定義します。この要素自体に意味はありません。
<span>～</span>: インラインの要素を定義します。この要素自体に意味はありません。
<em>～</em>
<strong>～</strong>: 強調を示すインラインの要素です。 strong要素は、em要素より強い強調です。

meta要素

head要素内に、meta要素を使って、文章の情報を記述する方法を紹介します。

<meta name="author" content="制作者名" />
<meta name="description" content="内容の概要 /">
<meta name="keywords" content="キーワード" />: それぞれXHTMLの制作者、内容の概要、キーワードを示すために使います。これらは、主にgooなどの検索エンジンで使われます。又、キーワードは、name="keywords1,keyword2"のようにコンマで区切ることで複数指定することができます。
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=文字コード" />: XHTMLの文字コードを指定します。これを書かないと、文字化けを起こすことがあるので、必ず書きましょう。文字コードがシフトJISの場合、Shift_JISと書きます。
<meta http-equiv="Content-Style-Type" content="スタイルシートのタイプ" />: XHTMLで使われているスタイルシートを示します。 CSSはtext/cssです。
<meta name="robots" content="NOINDEX,NOFOLLOW" />: Googleなどのロボット型の検索エンジンの検索対象にならないことを示します。ただし、これに対応していない検索エンジンに対しては意味がありません。
<meta name="WWWC" content="更新内容" />: この記述を加えると、metaタグによる更新チェックに対応したソフトで、自動的にページの更新をチェックできるようになります。
<meta http-equiv="refresh" content="秒;url=移動先URL" />: 指定した時間（秒）後に、指定したURLに移動します。秒のみを記述した場合、同じページを再読込します。ページを引っ越したときなどによく使われますが、勝手に移動・再読込するため迷惑となる場合もあり、多様は禁物です。

代表的な要素

よく使う要素

meta要素

ラウンドナビゲーション

グローバルナビゲーション

ページ情報