« やりたい事 - 追記、自作メニュー作成。 | トップページ | [GreenBrowser] ページのタイトルとURLをリンク形式でコピー »

スタイルシートのclass と id

前からの疑問、class と id の違いです。

スタイルシートの基本 -- ごく簡単なHTMLの説明

idによる指定の考え方は、基本的にはクラスと同じです。指定方法が「要素タイプ名#id」という具合になること、クラスは同じクラスなら複数箇所に適用されるのに対し、idは特定のidを持つ“要素”にだけ適用される点が異なります。

classは1ページに何回でも同じのを使える。
idは1ページに1回しか使えない。
ということですね。要は、

<p class="red">赤いの</p>
<font size="2" class="red">小さくて赤いの</font>
<p id="datatable">データ表</p>

って書いてるページに対して、

<span id="datatable">さっきのデータ表</span>

を、別の箇所には追加できない。

ここまでは、前からなんとなく分かってたんですが、でも、これだと ID を使うメリットがないので、全部 classでいいんじゃない?ってことになると思うんですが・・・。
idのホントの使い方、さっきのページのリンク先でみつけました。

ハイパーリンク -- ごく簡単なHTMLの説明

XHTMLでは文書内の名前付けの方法として、name属性ではなくid属性を使用することになっています。

a nameをやめて、id でやりましょう!ということなので、

<a name="datatable"><p class="blue">データ表</p></a>

ってするなら、

<p id="datatable">データ表</p>

ってしておいて、スタイルシートの定義部分でデザインをしてしまうと、楽ですよ。ということみたいです。普通の人がHTML書いてる分にはあんまり関係なさそうなので、idの話は頭においておきつつ、とりあえずclassでいいんじゃないんでしょうか?

ココログでもid指定がされます。 カレンダーをクリックすると、カレンダーに飛ぶはずです。タブン。


|

« やりたい事 - 追記、自作メニュー作成。 | トップページ | [GreenBrowser] ページのタイトルとURLをリンク形式でコピー »

「Web」カテゴリの記事

「パソコン・インターネット」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/44406/1386269

この記事へのトラックバック一覧です: スタイルシートのclass と id:

« やりたい事 - 追記、自作メニュー作成。 | トップページ | [GreenBrowser] ページのタイトルとURLをリンク形式でコピー »