2015年1月16日おはようございます!お久しぶりの黄金りんごです。年末からずっと風邪をひいていて、なんか長引くし苦しいな~と思って病院に行ったら、なんだかよく分からない菌に感染していて、風邪のもーちょっとヒドいバージョンをこじらせていたようです。病院で、担当の先生に「人に移るからもっと早く来なさい!」と怒られました・・・。2015年、一発目で病院の先生に怒られるって、なかなか先行き不安な新年ですね。(-д-;)今日は初めてhtmlを組む!という人向けに、最初によく混乱する「id」と「class」の使い分けについて紹介したいと思います。id="test">アイディー</div>この「id」と「class」をどう使い分ければよいのか?特に初心者の方は混乱すると思います。皆さんはこの「class」と「id」を、正しく使い分けていますでしょうか。}このように、classでcssを指定する場合、スタイルシート上では「.」(ドット)記号を書きます。※「div」部分は省略することもできます。}このように、classでcssを指定する場合、スタイルシート上では「#」(シャープ)記号を書きます。※「div」部分は省略することもできます。この2つ、書き方が異なるだけで、ホームページ上での表示は全く一緒です。■class:「種別名を割り当てる」classの場合は、同じclass名を、1ページの中で何度でも使うことが出来ます。■id:「固有の名前を割り当てる」idの場合、同じid名は、1ページの中で、1度しか使えません。classが対象となる「種類や部類」を表しているに対して、idは「固有の名前」を付けているので、1ページの中で同じid名は1度しか使えないのです。簡単に言うと学校で言う「class」が学級名、「id」が学籍番号といったイメージ。同じクラス(class)に生徒が複数いますが同じ学籍番号(id)の生徒はいません。これと一緒で、同じclass名は複数あっても良いですが、idは1ページ(1学級)に1つしか使えないのです。「id」と「class」どうやって使うの?1ページの中に必ず「id」と「class」がないとダメというわけではないので、全てを「class」だけで作るのもOKです。名前が違うのであれば「id」を複数使うのもOKです。ウェブサイトが大きくなってきて、デザインが複雑になったりhtmlをたくさん書かなければいけなくなった際に、「どういう内容が書いてあるスタイル?」「どこに適用したスタイルのなの?」といったことが分かりにくくなってきます。そんな時「id」と「class」を使い分けていれば、全て「class」で書かれているよりソースの内容を把握しやすくなります。最初にhtmlを組む際に、後々の管理のことを考えて使い分ければ、編集するときに混乱しずらくなり、また間違いも少なくなります。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。