最初に
これから、HTMLを学ぶ際に人のサイトを参考にする場合が多々あると思いますが、この解説では、お世話になるであろうタグを全て一覧として出しておきます
HTMLのオーサリングツールには、かなり古い規格を基準として作成したため、単にプログラマーの馬鹿等の理由で、使ってはいけないタグを、使ってはいけない場所で平気で使っている物がたくさんあったりします
今回、そういうタグに関しては、灰色で表示させていただきました。また、その他特別に補足が必要な物には(*)を付けて、後の方で解説を加えています
リスト、一覧
よく見るタグ
a | address | applet | area | b | base | bgsound | big | blink | blockquote |
body | br | button | center | cite | dd | div | dl | doctype | dt |
em | embed | *font | frame | frameset | h1~h6 | head | *hr | html | i |
*iframe | img | kbd | li | link | map | marquee | meta | object | ol |
option | p | pre | s | script | small | span | strike | strong | style |
sub | sup | table | td | th | title | tr | u | ul |
フォーム周り
ココで出てくるのは、掲示板等の機能と一緒に使う物で、デザインと直接関係しづらい物です
form | input | label | select | textarea |
マイナータグ
ココに載っているのは、今まで色々なサイトのタグを見てきた中で、使われていた所をいっさい見たことがない次元のタグです
basefont | caption | code | col | colgroup | dfn | ilayer | isindex | dir | layer |
lh | noframes | noscript | multicol | nobr | noembed | nolayer | param | samp | spacer |
tbody | tfoot | thead | tt | var | wbr | xmp |
Tips
- font
-
fontタグを使う場面というのは、文字を太くしたり大きくしたりするところ、つまりは意味を強調するところなわけで、基本的にはemタグとスタイルシートを使うのが推奨されます
ただ、正直な話、強調というのは本当に色々な種類があるわけで、正直管理しきれません。それに、その場の気分でガンガンフォントを弄れれば文章が生きてきますし、正直な話場合によっては使っても良いと思っています
- iframe
-
正しくは
<object type="text/html">
を使うのですが、IEがコレに対応していないので現在よく使われていますそこの所だけ、良く覚えておきましょう
- hr
-
水平線(HorizonalRine)の略、話題を区切るときなどに使う横線なのですが、実はコレ、divタグとスタイルシートを上手く使えば、完全に、そう、完全に代用出来ます