CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM9:30~PM6:30

スタッフブログ | スタイルシートを記述する上で用いられる「id」と「class」の違いについて No.2!
スタッフブログ
スタイルシートを記述する上で用いられる「id」と「class」の違いについて No.2!

スタイルシートを記述する上で用いられる「id」と「class」の違いについて No.2!
今回は前回の続きを書いて行きたいと思います。
前回は、スタイルシートを記述する上で用いられる「id」と「class」の
違いを簡単にお話しました。
--------------------------------------------------------
「id」→一ページ中に同じ名前は一度しか記述出来ません
「class」→一ページ中に同じ名前でも、何度も記述出来ます
--------------------------------------------------------
ここまでは、前回お話した内容でした。
idとclassは役割があり、使い分けることで理解しやすくなるのですが
別に全部classでデザインしても問題はありません。

ですが、例えばHTMLでたくさんスクロールしないと
見えないホームページになってしまい、
下まで行き着いた後、一番上に戻るのは結構大変です。
そこで、同じページの一番上に戻る、というリンクを貼りたい場合。

例えば、一番上にheaderという名前のdivをidで指定したとします。
idは、#header というように決めた名前の前に「#」と書きましたね。
ですので、

タグ参考例01

と書いてやれば、同一ページのタグ参考例02
書かれた場所まで戻ってくれるリンクが作成出来ます。
これが「idは一ページに一回しか書けない」と言った理由です。
idには、ページ内の位置を特定出来る役割もあるのです。

以上のことから、
ヘッダーやフッターにような、 一ページ内で一度しか使わない場所に、
idを指定すると、理解しやすくなる、
ということがわかっていただけたでしょうか?

使い慣れてくるとその便利さがわかると思います。
ぜひ一度試してみてくださいね。

| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=328 |
| ソース(ホームページ)のレシピ by 委員長! | 07:14 PM | comments (x) | trackback (x) |

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページ制作の事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM9:30-PM6:30

無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00~PM7:00

スタッフブログ | スタイルシートを記述する上で用いられる「id」と「class」の違いについて No.2!
CSS