HTML5 には 3 種類のリストがあります: 1. 「
」タグと「
- 」タグを使用して定義された順序なしリスト; 2. 「
」を使用して定義された順序付きリスト定義する「
- 」タグ; 3. リストを定義し、「
」、「
- 」、および「
- 」タグを使用して定義します。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
関数: 順序なしリストのセマンティクスをコンテンツの束 (順序のない全体) に追加します。リスト内の項目には順序はありません
形式:
li 英語はリスト項目であり、リスト項目として翻訳されます
<h4>选择居住城市(CN)</h4> <ul> <li>北京</li> <li>上海</li> <li>广州</li> <li>铁岭</li> </ul>
ul アプリケーションシナリオ:
ナビゲーション記事
商品一覧等
ニュース一覧
注意事項:
ここでの無秩序とは、主題にコンテンツの順序がないことを意味します。たとえば、トピックは「居住都市 (CN) を選択してください」です。北京と上海はすべて中国の都市です。誰が 1 位であっても、それは中国の都市であることに変わりはありません。タイトルを「中国のスモッグランキング」に変更する場合は、厳密なランキングが必要になり、北京を最初に書かなければなりません
ブラウザは、順序なしリストに先頭の記号を自動的に追加しますが、ul の機能はテキストに小さなドットを追加することではなく、順序なしリストのセマンティクスを高めることであることに注意してください。 。
実際には、ul には、先頭のシンボルのスタイルを変更できる type 属性もあります。値には、ディスク、正方形、円が含まれます。
ただしスタイルは今後CSSで完成するのでここでは紹介しません
ulはグループですタグは、次々に出現する必要があります。つまり、li タグは単独で存在できず、ul でラップする必要があります。
ul と li は全体であるため、そうではありません。他のタグを ul で囲むことをお勧めします。ul で最も重要なタグは常に覚えておいてください。li タグのみを記述するのが最善です
ul には li タグのみを記述することが推奨されますが、 li タグはコンテナ タグです。li タグには任意のタグを追加でき、さらに ul タグを追加することもできます
<ul> <li> 好吃的 <ul> <li>牛奶</li> <li>面包</li> </ul> </li> <li> 日用的 <ul> <li>毛巾</li> <li>牙膏</li> </ul> </li> </ul>
関数: 順序付きリストのセマンティクス (順序付けされた全体) を多数のコンテンツに追加すると、リスト内の項目が順序に従って配置されます。
#形式:
<h4>中国房价排行</h4> <ol> <li>北京</li> <li>上海</li> <li>广州</li> <li>铁岭</li> </ol>
ol 応用シナリオ:
注:
## を使用して各項目に対応する説明を追加します。 ##dt 英語の定義タイトル、定義タイトルとして翻訳されます
<dl> <dt>北京</dt> <dd>国家的首都, 看升国旗的地方</dd> <dt>上海</dt> <dd>魔都, 遍地是黄金的地方</dd> </dl>
dl、dt、dd は全体であるため、dl でラップすることはお勧めできません。その他のタグ
dd と dt は li タグのようなコンテナ タグです。その中に任意のタグを追加できます。
>>
以上がhtml5のリストに含まれるものの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。