標準化された設計ソリューション - マークアップ言語とスタイルマニュアル
Web標準ソリューションマークアップおよびスタイルハンドブック
パート1:マークアップでマークアップを開始します
第1章リスト
リストは、Web上のほぼすべてのページにあります。ハイパーリンクリスト。ショッピングカートアイテムリスト。あなたが好きな映画...そしてウェブサイト全体のナビゲーションリストもあります。リストが自由に構築されているように見えるかもしれませんが、私たちが探求しようとしているのは、リストを構築する方法と、いくつかの一般的な方法の利点と短所です。その後、通常のリストのエピソードを美化する方法のいくつかの例をリストします。
買い物に行きましょう
最初は、この章の例として詳細なリスト(ランドリーリスト)を使用することを計画していましたが、すぐにこのリストにどのような詳細を含めるべきかわからないことに気付いたので...例のために、例として食べ物を使用しましょう!
自分のウェブサイトにフードリストを載せる必要があると想像しましょう。あなたは、なぜあなたがウェブサイトにフードリストを載せたいのかについて困惑するかもしれません。これは話題から外れている可能性があります。リストについて考え始める理由が必要です...
ページでは、リストが次のように見えるようにしたいとします...まあ、それはリストのように見えます。つまり、垂直リストの長いリストであり、各アイテムは1つの行のみを取得します。
リンゴ
スパゲッティ
グリーンビーンズ
牛乳
とてもシンプルに見えますね。ページの設計と開発の多くの側面と同様に、多くの異なる方法で同じ(または類似の)効果を達成できます。この本の後半のすべての例と同様に、すべての例をExtensilble HyperText Markup Language(XHTML)の視点で提示し、World Wild Web Consortium(W3C)が設定したさまざまな標準に従って、選択した方法が正しいマークアップ構文を使用していることを確認します。
各プロジェクトに<BR />タグを簡単に追加して完了することも、さまざまなリストプロジェクトタグを使用してこの作業を完了することもできます。次に、3つのまったく異なる方法と各方法の特性を見てみましょう。