2019/03/06)リストとは箇条書きのことです。「やることリスト」や「好きなフルーツの一覧」などのように、項目が多い内容を伝えたい場合、箇条書きをうまく使うことで普通の文書よりも分かりやすく伝える事ができます。リストはHTMLを使う上でとても頻繁に使われる要素なので覚えておきましょう。まとめリストは3種類HTMLのリストは用途別に以下の3種類が用意されています。順序なしリスト順序のあるリスト説明リスト順序なしリストと、順序のあるリスト順序なしリストと順序のあるリストの違いは、箇条書きの項目の順序に意味があるかないかです。順序にとくに意味がない場合は「順序なしリスト」を、順序に重要な意味がある場合は「順序のあるリスト」を使いましょう。ブラウザで表示すると、順序なしリスト箇条書きの行頭が「・」になるのに対し、順序のあるリストは行頭に番号が振られます。説明リスト説明リストは、「語句」とその「説明」がセットになったリストです。下記のように、「フルーツ名」と「その説明」がセットになったものなどに使われます。適切なリストを選ぼうこのように3種類のリストが用意されているので、そのときに使いたい文脈によってどれを使うか選びましょう。好きなフルーツ一覧なら順序なしのリストでいいでしょうし、好きなフルーツランキングなら順序ありのリストを使うべきでしょう。好きなフルーツとその説明文であれば説明リストを使うとうまくまとまりそうです。順序なしのリストは順序が重要ではない箇条書きを示します。持ち物リストだったり、好きなフルーツの箇条書きなどのような、順序を気にしない箇条書きの場合はこちらを使いましょう。ブラウザで見ると行頭に「・」が表示されます。順序なしのリストは<ul>と<li>をセットで使います。ul要素は順序なしのリストを示し、その中のli要素がリストの項目を示しています。(順序なしのリスト)の略で、特に順序が意味を持たないリストを示します。リストの中身を示します。順序のあるリストです。ul要素との違いは、箇条書きの行頭に1から順に番号が振られます。「好きなフルーツランキング」などのように、順序が重要な意味を持つリストの場合はこちらを使いましょう。順序のあるリストは<ol>と<li>をセットで使います。ol要素は順序のあるリストを示し、その中のli要素がリストの項目を示しています。順序のあるリストを示します。<ul>同様、リストの各項目は<li>を使用します。説明リスト説明リストとは、ある「語句」とその語句の「説明」がセットになったリストです。語句に対しての説明が必要です。ある使い方としては下記のようなものがあります。説明リストは<dl>で示します。<dl>要素のなかに、「語句」を<dt>要素で、「説明」を<dd>要素で記述します。質問2答え2の内容<dt>要素と<dd>要素はセットで使う必要があります。<dt>要素であげられた語句は、後続する<dd>要素で説明されていなければなりません。下記のように、1つの<dt>要素に対し複数の<dd>要素を使用しても問題ありませんし、逆に複数の<dt>要素に対し1つの<dd>要素でも問題ありません。listの略で、説明リストを示します。termの略で説明する言葉を示します。dd要素について<dd>は、definition・descriptionの略で定義文や説明文を示します。まとめリストには3種類あるので適切な物を選ぶ順序なしのリストは、順序が重要ではない箇条書き順序のあるリストは、順序が重要な意味を持つ箇条書き説明リストとは、ある「語句」とその語句の「説明」すずりデザイナー/フロントエンド/アフィリエイタープログラマーを経てWEBデザイナーになりました。現在は主にBtoCのサイトをデザイン・制作しつつ、情報発信についての知識を発信しています。CSSのpositionの使い方!absolute・relativeの違いも解説html&CSS入門HTMLとCSSでテーブルを使いこなそう!tableタグの使い方まとめhtml&CSS入門CSSのインライン(inline)とブロック(block)について解説html&CSS入門WEBサイトで使う画像の種類や特徴html&CSS入門cssのopacityを使って透明度を操作する方法を解説html&CSS入門すずりデザイナー/フロントエンド/アフィリエイタープログラマーを経てWEBデザイナーになりました。現在は主にBtoCのサイトをデザイン・制作しつつ、情報発信についての知識を発信しています。