HTML文書をメモ帳で作ってみよう

第08回：HTML文書をメモ帳で作ってみよう！８

今までのまとめでも。

なんというか、今まで早歩きでいろいろ紹介してきましたので、抜けている点などもあると思います。
CSSを学ぶ前に、HTMLを完璧にしておくのも良いかと思い、今回は今まで紹介しなかった要素などを紹介します。

元となるテキストはW3Cなどで、こちらを参考にされるのが良いですが、英語です(^^;
これからかみ砕いて説明しているのですが、間違いなどがあるかもしれません。

まずはテキスト－タグや要素以外の、素の文章－をタグによって意味づけする場合のお話をします。
意味づけ(開始タグと終了タグで囲む)を行う場合に、空白の扱いはいろいろありますが、

よろしければ <A>このページ</A> をご覧ください。

と書く場合と、

よろしければ<A> このページ </A>をご覧ください。

で、違いがあるのでしょうか？
開始タグ直後または、終了タグ直前の空白類をレンダリングするとは期待しないようにすべきであるということから、 なるべく開始タグ直後、終了タグ直前には空白類(空白、タブ区切りなど)を置かないように心がけるのが良いでしょう。

文章と同じ様に、インライン要素として使用できる要素です。

それ以外の、インライン要素、構造化テキストとして使用する要素を一覧表記してみます。

EM	強調を示す要素です。
STRONG	EMよりもさらに強い強調を示す要素です。
CITE	引用か、他のリソースへの参照であることを示す要素です。
DFN	囲われた用語が定義を行っているものであることを示します。
CODE	コンピュータのプログラムコードなどであることを示します。
SAMP	プログラムやスクリプトなどの出力例であることを示します。
KBD	キーボードなどからの入力をしめします。
VAR	変数またはプログラム引数のインスタンスを示します。
ABBR	省略形であることを示します。例えばWWW,HTTP,URI等
ACRONYM	頭文字であることを示します。例えばWAC,radar等

見慣れない要素ばかりです。私もこの辺りまで詳しく覚えてないのですが、EMとSTRONGについては覚えておくべきでしょう。

SPAN	要素のグループ化や、スタイルシートを用いる場合に使用する。
ADDRESS	文書の冒頭または末尾に現れ、文書全体／一部の問い合わせ先を示すのに用いる。
META	HEAD要素内で使用し、ブラウザや検索エンジン等への適切な情報を渡すために記述する。
PRE	整形済みテキストであることを示す。改行やタブ区切りなども反映されるので注意。
SUB	下付き文字を示す。例えば元素記号を用いた水の化学式H₂Oなど。
SUP	上付き文字を示す。例えば数式Y=X²など。
INS	文書の変更で、追加になった項目を示す。
DEL	文書の変更で、削除された項目を示す。

なんというか、長引きそうなので、次回へ持ち越しです。
次回はブロック要素を一通り紹介しようと思います。

UL	順不同リストであることを示します。
OL	序列リストであることを示します。
LI	UL要素、OL要素内に配置し、リスト項目であることを示します。