idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About
idとclassの違いと使い分け！スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか？ この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回
![idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
「 」の3つの機能
「 」の機能について色々と調べてみました。 本エントリーではHTML仕様を確認しつつ、3つの機能について挙げています。 １．半角スペースの文字実体参照 ご存知の方も多いと思いますが、「 」の機能は、半角スペースの文字実体参照です。 つまり、HTMLドキュメントに「 」と記述することで、半角スペースとして表示されます。 サンプル1 ちなみにWikipediaによると、「nbsp」の部分は「ノーブレークスペース」といい、「no-break space」または「non-breaking space」の略のようです。この意味については３項で説明します。 文字実体参照が分からない方は、以下の記事を参照してください。 文字実体参照について ２．連続した半角スペースの表現 pre要素以外の部分で、コンテンツに通常の半角スペースを並べると、表示される半角スペースは1文字分に集
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
