[B! CSS][id] ext3のブックマーク

IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。

IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。今回もJavaScriptは一切、使用していません。完成したサイト ID, classなしで組んだサイトを見る。サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結

ext3 2012/08/27

逆に難しいんじゃねぇの/"最後に、id, classを使わずにサイトを組むもんじゃない。"

リンク

Tips/WebPage/class と id の違いとは？ - outsider reflex

意味の違い CSS では class セレクタも id セレクタも似たような使い方で利用できますが、そのせいか、 class と id を全く同じ意味だと思って混同していたり、「文字数が少なくて済む」からと id だけに統一している人がたまにいます。しかし、 class と id は全くの別物です。 class はその要素の分類を、 id はその要素の固有の名前を意味します。あなたの家で飼っている犬を、より細かな分類で雑種犬と呼ぶか、唯一無二の名前でポチと呼ぶか、そういう違いなのです。使い分け id 属性は、「その要素に固有の名前を付ける」場合に使います。例えば、日記では以下のように使うことができるでしょう。 <ul> <li id="date20010819">2001/8/19 (Sun) 今日はお休み。</li> <li id="date20010820">2001/8/20 (M

ext3 2012/08/27

"ブラウザがちゃんと動くんだから、 class の代わりに id を使っても全然オッケーと言う人がいますが、それは大きな間違いです"まあそうだよね

リンク

スタイルシートの class と id の使い分け

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む class属性とid属性の役割の違い「class」と「id」の役割と、使用上の違いを簡単に言うと、次の通りです。 ■class：「種別名を割り当てる」 → 同じclass名を、1ページ中に何度でも使える。 ■id：「固有の名前を割り当てる」 → 同じid名は、1ページ中に1度しか使えない。 class属性が対象の「種類・部類」を表しているに過ぎないのに対して、id属性は対象に「固有の名前」を付けて一意に表すために使われます。ですから、1ページ中に同じid名は1度しか使えません。学級名(class)、学籍番号(id)