1. リストラベルとは何ですか?
HTMLリストとは何ですか?テーブル コンテンツは、コンテナ内にテキストまたはグラフィックを表示する形式であり、リストと呼ばれます。リストの最大の特徴は、整然としていて、整然としていることです。
リスト タグの役割: リスト セマンティクスをデータの束に追加します。つまり、このデータの束が全体であることを検索エンジン/ブラウザーに伝えます。
2. リストラベルの分類
HTML リストは、順序付きリスト、順序なしリスト、および定義済みリストに分かれています。
(1) 順序付きリスト、<ol> + <li> タグを使用
(2) 順序なしリスト、<ul> + <li> タグを使用
(3) <dl> + <dt> + <dd> タグを使用してリストを定義します
1. 順序なしリスト
順序なしリストは、太字のドット (通常は小さな黒丸) でマークされた項目のリストです。
順序なしリストは <ul> タグで始まります。各リスト項目は <li> で始まります。
<html><body><!-- 順序なしリスト: --><ul><li>コーヒー</li><li>ミルク</li><li>緑茶</li><li>コーラ< /li><li>ヨーグルト</li></ul></body></html>
提示された最終結果は次のとおりです。
順序なしリストでは、<ul> タグと <li> タグを使用する必要があります。
(1) <ul> は unordered list の略で、順序のないリストを意味します。
(2) <ul> は、<ol> の <li> と同じで、リスト内の各項目を示します。デフォルトでは、順序なしリストの各項目は●記号で表されます。
注: <ul> は通常、<li> と組み合わせて使用され、単独で使用することはできません。<li> 以外の他のタグを <ul> 内で直接使用することはお勧めできません。
2. 順序付きリスト
順序付きリストは項目のリストでもあり、リスト項目には番号のラベルが付いています。
順序付きリストは <ol> タグで始まります。各リスト項目は <li> タグで始まります。
<html><body><!-- 順序付きリスト: --><ol><li>コーヒー</li><li>ミルク</li><li>緑茶</li><li>コーラ< /li><li>ヨーグルト</li></ol></body></html>
提示された最終結果は次のとおりです。
順序付きリストでは、<ol> タグと <li> タグを使用する必要があります。
(1) <ol> は order list の略で、リスト内の各項目にデフォルトで 1 から始まる番号を付けることができます。
(3) <li> は list item の略で、リスト内の各項目を表します。<ol> 内の <li> の数は、コンテンツの数を示します。リスト項目には、テキスト、画像、リンクなど、または別のリストを含めることができます。
注: <ol> は通常、<li> と組み合わせて使用され、単独で使用することはできません。<li> 以外の他のタグを <ol> 内で直接使用することはお勧めできません。
3. 定義一覧
カスタム リストは、単なる項目のリストではなく、項目とそのコメントの組み合わせです。
カスタム リストは <dl> タグで始まります。各カスタム リスト項目は <dt> で始まります。各カスタム リスト項目の定義は <dd> で始まります。
<html><body><!-- 順序付きリスト: --><dl><dt>コーヒー</dt><dd>ホットドリンク</dd><dt>ミルク</dt><dd>冷たい飲み物< /dd></dl></body></html>
提示された最終結果は次のとおりです。
リストを定義するには、<dl>、<dt>、および <dd> タグが必要です。
(1) <dl> は Definition List の略で、定義リストを意味します。
(2) <dt> は Definition term の略で、定義用語を意味し、いわゆるタイトルとなります。
(3) <dd> は Definition description の略で、定義の説明を意味します。
<dt> は概念 (用語) を定義し、<dd> は概念 (用語) を説明するために使用されると考えることができます。
注: <dt> と <dd> は兄弟タグであり、どちらも <dl> のサブタグです。一般に、各 <dt> は <dd> とペアになっており、<dl> には <dt> と <dd> の複数のペアを含めることができます。
概要: タグをリストする