HTML講座

タグの属性

タグには、属性と呼ばれるものを付けることが出来ます。

属性は、タグの振る舞いを設定をするものだと思ってください。

属性の書き方は、

<a href="http://www.google.com">グーグル</a>

のhref属性のように、xxx=" "という風に記述してください。ちなみに、hrefというのはaタグの固有の属性です。

属性紹介

属性の中には、ほぼ全ての要素に付けることが出来るものがあります。それらを紹介します。

title属性
要素にタイトルを設定するときに使います。
title属性を設定したタグの部分にマウスカーソルを乗せるとツールチップとして表示されます。
id属性
要素に固有のIDを持たせるときに使います。
class属性
要素のグループ分けを示すときに使います。

これだけです。はい。（実際は、もう少しあるのですが、使わないので省略します。）

他の属性は、タグ固有の属性です。それらは、それぞれのタグ紹介のページに記述してあります。

特殊な表記

コメントアウト

HTML文章を書いていると、だんだん複雑になってきて、構造がつかみにくくなってくることがあると思います。そんなときは、

<!-- コメント -->

のような表記法を用いてソース内にメモをしておくといいかもしれません。ソースに中の<!-- と -->の間に書かれた文章は、ブラウザは画面に表示しません。コメントと書いてある部分には、好き勝手に文章を入れることが出来ます。

ただし、コメントのネストは出来ません。また、コメント内で--（ハイフンの連続）は認められていません。つまり・・・

<!------ <!-- コメントのネスト --> ------>

なんて使い方はしてはいけません。また、<!-- -->はタグではありません。

特殊記号（文字参照）

HTML文章内で、<や>はそのまま記述すると、ブラウザを混乱させてしまう原因になります。

これらを文章に表示させるには文字参照と呼ばれる記述方法を用います。書き方は、 < の代わりに&lt;と書いてあげるだけ。そうすれば、ブラウザは < と表示してくれます。

以下に、文字参照で書くべき特殊文字（よく使うもの）を挙げておきます。

記号 記述方法
< &lt;
> &gt;
 （改行禁止半角スペース） &nbsp;
" &quot;
& &amp;
©（著作権マーク） &copy;

&nbsp;については、改行禁止半角スペース（No-Break SPace）の事なので、前後で通常の（前後に改行が入っても良い）半角スペースは、普通にスペースキーを押してもらえばOKです。

また、面白いものでは、以下のようなものもあります。

記号 記述方法
♠ &spades;
♣ &clubs;
♥ &hearts;
♦ &diams;