</p>idの場合は一つのタグに対して複数指定することができません。迷ったらclassを使うちなみに、最近のWEB制作現場では、idとclassが混合するとややこしいので、スタイルを当てる目的であれば「全部classに統一する」というのが主流です。基本的にはclassかidかで迷ったらclassで対応しておくと良いでしょう。くま迷ったらclassを使う...とまとめるためのタグ複数のタグをまとめるためのタグについて解説します。くままとまりを作るってどういうこと??あざらし複数のタグをまとめて括るタグのことだよ!まとめるといろんなメリットがあるんだ!まとまりを作るタグの代表に<div>タグがあるので、そちらを使って解説していきます。divタグの使い方これまでに紹介してきたタグは、pタグは段落、h1タグは見出しというように、タグに意味がありました。divタグにはそれ自体に意味はなく、タグをまとめるためだけに使います。<p>文章です文章です文章です文章です文章です</p></div>このように2つのブロックに分けるなどといった使い方をします。このままではdivでまとめてもまとめなくても違いはないのですが、CSSで装飾する時にまとめてデザインを変更することができます。最初のまとまりであるexample01クラスは文字の色を赤に、2つ目のまとまりであるexample02クラスは文字を青にするといったような使い方ができます。このように、HTMLは装飾のことも考えてまとめながら記述していくのが普通です。あざらしまとまりごとにスタイルを変えられるんだ!まとまりを作るタグの種類まとまりを作るタグには下記のようなものがあります。divタグ...CSSで見た目を変えるためのまとまりheader...タグページ全体のヘッダーや、セクション内のヘッダーを表すためのまとまりfooter...タグページ全体のヘッターや、セクション内のヘッターを表しますmain...タグページの主要な内容を表しますnav...タググローバルナビゲーションなどの主要なナビゲーションを表しますくまたくさんあるんだな...あざらしそうなんだ!でも使う場所が決まっているのですぐ覚えるよ!中級者向けの内容になるかもだけど存在は知っておいた方がいいよ最初の学習中はそんなにまとまりを使うメリットがないので使うことは少ないと思いますが、本格的にサイトを作っていくことになると、結構頻繁に使うタグになってきますので、なんとなく存在を認識しておいてください。headerタグ、footerタグ、mainタグ、navタグについてheaderタグ、footerタグ、mainタグ、navタグはまとまりを作るタグであり、さらにタグを使う場所が決められています。上述しましたが、headerタグはヘッダーで使うfooterタグはフッターで使うmainタグはページの主要な内容部分で使うnavタグはグローバルナビゲーションなどの主要なナビゲーションで使うというような形で、どこで使うのかが決められています。実は、HTML5より前は全てdivでまとめていましたが、HTML5からいろいろなまとめるタグが追加されました。これらのタグをきちんと使うことによって、divだけでまとめていた時よりも、HTMLを見た時にどこに何が書かれているかがわかりやすくなります。コードをみる人間に伝わりやすいのはもちろん、クローラーや音声読み上げブラウザなどのプログラムにも、正確に情報を伝えることが出来るように考えられています。クローラのとは?クローラーとは、WEBサイトの内容を把握し自動的にデータを収集するプログラムのことです。googleなどが検索順位を決定するためなどに使われています。WEBサイトの検索順位は、人間の目ではなくプログラムによって決められるため、「ここはヘッダーですよ」「ここはメインコンテンツですよ」と正確に伝えるためには、このようなまとまりのタグを適切に使うことが重要です。1からページを作るような場合は必要になってきます。まとめるタグについて知りたい方は下記記事を参考にしてください。参考記事HTML5のセクションを区切る要素まとめHTML5より前は、divでボックスを作りidやclass名をつけ、それらを組み合わせてレイアウトを作成してきました。[...]まとめHTML入門についてザーッと話させていただきました。まとめるためのタグ覚えることが多く大変だったと思いますが、これらを覚えておくとここから先の学習がかなり捗ります。この後はCSSの基本や、理解が足りないと感じている箇所の記事を読んでいくことをお勧めします。あざらし最初はみんな初心者なんだ!やっているうちにきっとすぐ覚えるよ!すずりデザイナー/フロントエンド/アフィリエイタープログラマーを経てWEBデザイナーになりました。現在は主にBtoCのサイトをデザイン・制作しつつ、情報発信についての知識を発信しています。autoの違いを解説html&CSS入門HTML5のセクションを区切る要素まとめhtml&CSS入門HTMLの見出しタグの使い方。書体を変える「font-family」(フォントファミリー)の使い方html&CSS入門すずりデザイナー/フロントエンド/アフィリエイタープログラマーを経てWEBデザイナーになりました。現在は主にBtoCのサイトをデザイン・制作しつつ、情報発信についての知識を発信しています。