マークアップ言語 - リスト

標準化されたデザインソリューション - マークアップ言語とスタイルマニュアル
Web 標準ソリューションマークアップとスタイルハンドブック
パート 1: マークアップを習得する
第 1 章リスト<br />リストは、Web 上のほぼすべてのページで見られます。ハイパーリンクのリスト、ショッピングカート内のアイテムのリスト、お気に入りの映画のリスト、さらには Web サイト全体のナビゲーションリストもあります。リストの作成は恣意的に思えるかもしれませんが、ここではリストの作成方法と、一般的な方法の長所と短所に焦点を当てます。後で、一般的なリストを改良する方法の例をいくつか挙げ、その長所と短所を示します。
買い物に行こう<br />当初、この章では洗濯物リストを例に挙げるつもりでしたが、すぐに、そのようなリストに何を含めばよいのか全く分からないことに気付きました。そこで、例として、食べ物を使うことにしました。
自分の Web サイトに食品リストを掲載する必要があると想像してください。なぜ Web サイトに食品リストを掲載する必要があるのか、混乱するかもしれません。まあ、これは話題から外れているかもしれません。必要なのは、リストについて考え始めるきっかけだけです...
ページ上で、リストを次のように表示したいとします。つまり、各項目が独自の行にある長い縦のリストです。
リンゴ
スパゲッティ
グリーンビーンズ
牛乳
かなりシンプルに思えますよね。Web デザインと開発の多くの側面と同様に、同じ (または類似の) 結果を達成する方法は数多くあります。この本のすべての例と同様に、私は拡張ハイパーテキストマークアップ言語 (XHTML) の観点から例を示します。また、私が選択した方法では、World Wild Web Consortium (W3C) が設定した標準に従って、正しいマークアップ構文が使用されていることを確認します。
各項目の後に <br /> タグを簡単に追加したり、さまざまなチェックリスト項目タグを使用してこのタスクを完了することができます。ここで、まったく異なる 3 つの方法と、それぞれの方法の特徴を見てみましょう。

前のページ1 2 3 4 5 6 7 8 次のページ全文を読む

<<: docker で PostgreSQL データベースをインストールして永続化する方法

>>: MySQL カーソルの定義と使用法