HTML チュートリアル: 順序なしリスト

<br />原文: http://andymao.com/andy/post/102.html
段落は完成し、いくつかの基本的な適用方法についても説明しました。しかし、それらは適用されたのでしょうか?もちろん、アプリケーションはより豊富になる可能性があるため、実際の作業では継続的な調査と検討が必要であり、その後、新しいアプリケーションフォームを作成するために革新と要約が必要になります。もちろん、段落は万能薬のようにどこでも使えるわけではありませんが、「DIV」タグの役割が拡大していることは誰もが知っていると思います（POPO にはかつて「<DIV> は万能薬ではない」という記事がありました）。また、CSS と組み合わせて使用してこの問題を議論している人もいます。ここで繰り返しますが、DIV は HTML 内の単なる意味のないタグです。レイアウトや意味のない部分として使用できますが、CSS はスタイル言語です。名前が正しくなければ、言葉は流れません。私はここで古風なことを言っているわけではありませんが、この発言は人々の標準に対する理解に偏りをもたらすでしょう。基礎レベルを理解せず、ラベルの機能を無限に拡大することは、正しい学習姿勢ではありません。ここでさまざまなタグとその使い方を詳しく説明する理由の 1 つは、WEB 標準の重要性を皆さんに正しく理解していただきたいからです。正しい用語は「xHTML CSS」または「WEB 標準」、あるいは単に「標準」です。今日は文句を言う時間ではありません。今日のトピック「順序なしリスト」について話しましょう。
誰もがリストを使用したことがあると思います。リストは Word や多くのドキュメントエディターで利用できます。 HTML には、順序なしリスト、順序付きリスト、定義リストの 3 種類のリストがあります。一度に一口ずつ食べて、一度に一つのことだけを行ってください。今日は順序なしリストについてのみお話しします。また、今日お話しするリストには CSS の美化作業は含まれません。この時点で、私の説明は独立したものであり、主にスタイルの美化に関するものではないことを皆さんは理解するはずです。これは、ラベルコードが非常に重要であることも伝えるためです。したがって、まずリストを理解する必要があります。私たちの日常生活や仕事は些細で無秩序であり、効率的で友好的な情報交換を実現するためには、情報を整理し、分類する必要があります。これが情報を効果的に伝える唯一の方法です。リストの基本的な機能は、リストを使用して類似のコンテンツを簡単に要約することだと思います。一般的な用途としては、書籍カタログ、レストランのメニュー、スタッフリスト、ToDo リストなどがあります。この情報のほとんどは長い情報内容ではなく、短いタイトルです。もちろん、リストの目的はタイトル情報を要約することだけではありませんし、リストによってコンテンツの量が制限されるわけでもありません。ただ、主にタイトル情報を要約するためにリストを使用することが多いのです。
では、順序なしリストをどのように理解すればよいのでしょうか?無秩序に対応するのは秩序であり、これは文字通り理解しやすい。秩序とは、それ自体が順序を示すものであり、厳密であり、この情報自体が連続的な性質を持っていることを意味する。例えば、操作手順を記述する場合、最初の手順と 2 番目の手順を明確に指定する必要があります。このような情報は順序どおりでなければなりませんが、無秩序である場合はどうでしょうか。つまり、無秩序であり、秩序が全くないのです。ここで、皆さんに考えていただきたい例を挙げたいと思います。政府部門のリーダーのリストの順序は、彼らにとって最大の悩みの種です。ランキングは特に順序付けされていないと書かれることもありますが、実際には順位はあります。そこで、私は疑問を提起したいと思います。そのようなリストは、順序付きリストであるべきか、順序なしリストであるべきか?もちろん、この質問に対する標準的な答えはありません。誰もが独自の考え方を持っています。それで、あなたはどう思いますか?ぜひコメント欄にご意見をお寄せください。ここで私がどう思うかは言いませんが、皆さんが頭を使ってもっと考えてくれることを願っています。
リストタグは次のとおりです。
<ul>
<li>これがリストの内容です</li>
<li>これがリストの内容です</li>
<li>これがリストの内容です</li>
<li>これがリストの内容です</li>
</ul>
ここで、リストには 2 つの部分があることに気づくはずです。1 つは最も外側のタグ <ul></ul> で、もう 1 つは <li></li> 内のコンテンツです。これを次のように理解することができます。<li></li> は標準化された小さなボックスであり、主にリスト情報を保存します。一方、<ul></ul> は大きなボックスであり、その機能は小さなボックスを保存することです。これらの小さな箱は、大きな箱の中に入れておくと紛失しません。輸送（移植）や保管（配置）が簡単できれいです。リストには段落と同じように多くの属性を設定できます。たとえば、<ul></ul> には id、class、title などを設定できます。これらの特性と機能は段落の場合と同じです。 <li></li> にもこれらの属性を設定できますが、一般に、同じタイプのリストは特別に扱われません。
これで、順序なしリストは基本的に説明しました。実は、この記事の最も重要な内容は、順序なしリストではどのような情報を使用するべきかということであり、実際に適用する際には、さらに分析と検討が必要になります。したがって、まだリストタグを使用したことがない人は、リストタグの使用を開始し、リストタグの代わりに DIV を使用することをやめてください。または、リストを表示するために表を使用する友人も、それを変更してみることができます。今後は順序なしリストタグを使用してください。もちろん、すでに使用していて、それでも満足できない場合は、スタイルを使用してリストの可能性を引き出す方法については後ほど説明するので、お待ちください。今日お話ししたことは比較的単純なものですが、この記事を読んだ友人たちが、私が上で提起した質問について考えてくれることを願っています。

<<: MySQL 8.0.22 zip圧縮パッケージ版（無料インストール）のダウンロード、インストール、および構成手順の詳細

>>: Dockerで構築されたコンテナにpingツールをインストールする