手打ち倶楽部
高頻度タグ
div
- 収納箱（ボックス）
- <div>タグはそれ自身は特に意味を持っていませんが、<div>～<div>で囲んだ範囲をひとかたまりとして、スタイルシートを適用するのに用います。 同様な使い方をするタグに<span>がありますが、 <div>はブロック要素であり、<span>はインライン要素です。 ブロック要素とは、見出し、段落、リスト、フォームなどのひとつのまとまった単位として表される要素で、 一般的なブラウザでは前後に改行が入って表示されます。 インライン要素とは主に文章の一部として利用される要素であり、その前後は改行されません。
備考：
h1.h2.h3
- 見出し（タイトル・看板）
- <h1>～<h6>のHとはHeadingの略で、見出しを意味します。 <h1>が最上位の見出し（大見出し）で、以下数字が小さくなるにつれて下位の見出し（小見出し）となります。 <h6>が最下位の見出しです。 一般的なブラウザではテキストのサイズが<h1>～<h6>に応じて変化し、太字で表示され、前後に改行が入ります。 逆に画像を見出しとして使用する場合には<h>タグで囲みます。 画像が大きい場合は外部ＣＳＳで背景として挿入し、<h>タグで見出しを挿入し、hiddenで隠すテクニックもよく見られます。こうする事により描写力の乏しい端末でもメモリ不足で表示されないエラーを回避できます。
備考：
p
- 段落（文章のかたまり）（情報のかたまり）
- <p>タグはParagraphの略で、<p>～</p>で囲まれた部分がひとつの段落であることを表します。 一般的なブラウザでは<p>～</p>の前後に1行分改行されますが、 単に改行することが目的の場合には、<br>タグを使用します。 htmlでは<br> xhtmlでは<br />のように半角スペースを空けて/で閉じる必要があります。
備考：
ul.ol.li
- リスト（箇条書き）
- <ul>タグはUnordered Listの略で、リストを表示する際に使用します。 リストの各項目は<li>タグを用いて記述します。順序のあるリスト表示には<ol>タグを使用します
備考：
dl.dt.dd
- 定義型リスト（箇条書きの長い文章）
- <dl>はDefinition Listの略で、<dl>～</dl>の範囲が定義リストであることを表します。 定義リストとは、定義する用語とその用語の説明を一対にしたリストのことです。 <dt>～</dt>に定義する用語を記述し、 <dd>～</dd>にその用語の説明を記述します。 これら定義語と定義説明のセットは<dl>～</dl>の中に複数並べることができます。
備考：
br
- 改行（強制改行）
- <br>とはBreak（改行）の略で、テキストや画像等をブラウザ上で改行させたいときに使用します。 ウェブページを見る人は制作者と同じ環境（ウィンドウサイズやフォントサイズ）で見ているとは限らないので、レイアウトの目的で改行する場合には注意が必要です。特に改行を連発して空間を取る事はやめましょう。
備考：
最早タグはさほど多く覚える必要もないでしょう、実用的なタグ２０種程度でほとんど対応できそうです。 このサイト全体でもわずか１９種類のタグしか使用していませんし、頻度の低い知らないタグがあれば調べれば済む事です。