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

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

標準化されたデザインソリューション - マークアップ言語とスタイルマニュアル
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 カーソルの定義と使用法

推薦する

MySQL における 8 つの一般的な SQL 使用例

序文MySQL は、2016 年もデータベースの人気において力強い成長傾向を維持し続けました。 My...

Vue モバイル プロジェクトでページ キャッシュを実装する方法のサンプル コード

背景モバイル デバイスでは、ページ ジャンプ間のキャッシュが必須要件です。例: ホームページ =&g...

独自の YUM リポジトリを作成する手順

簡単に言うと、ウェアハウスとして使用される仮想マシンの IP は 192.168.149.129 で...

Linux Centos でスクリプトを使用して Docker をインストールする方法

Dockerの主な機能は何ですか?現在、Docker には少なくとも次のアプリケーション シナリオが...

MySQL に外部キー制約を追加する具体的な方法

このチュートリアルの動作環境: Windows 7 システム、MySQL 8 バージョン、Dell ...

Baidu の https 認証プロンプト「http サイトを 301 から https サイトにリダイレクトしてください」の解決方法の詳細な説明

最近、ウェブサイトを https アクセスに変換したいのですが、すべて完了した後、Baidu Web...

MySQLのorder byとlimitを混在させる際の落とし穴の詳細な説明

MySQL では、ソートには order by を、ページングには limit をよく使用します。最...

Vue ミックスインの使用方法とオプションのマージの詳細な説明

目次1. コンポーネントでの使用2. オプションのマージ要約する1. コンポーネントでの使用Mixi...

Linuxはiptablesを使用して複数のIPからのサーバーへのアクセスを制限します

序文Linux カーネルでは、netfilter は、パケット フィルタリング、ネットワーク アドレ...

組み込み Linux 開発環境で ping と nfs を構築するためのソリューション

1. 組み込みソフトウェアレベル 1) ブートローダ -> ブートローダ組み込みシステム全体の...

Windows システムに MySQL を素早くインストールして展開する方法 (グリーンの無料インストール バージョン)

まずは緑色の無料インストール版のMySQLをダウンロードします。任意のフォルダに入れて構いません。今...

Docker 接続 MongoDB 実装プロセスとコード例

コンテナが起動した後まず管理者にログインして新しいユーザーを作成してください $ docker ex...

vue.js ルーターのネストされたルート

序文:ルートでは、主要部分は同じでも、基礎となる構造が異なることがあります。たとえば、ホームページに...

WeChatアプレットは固定ヘッダーとリストテーブルコンポーネントを実装します

目次必要:機能ポイントレンダリング実装のアイデア具体的なコード(react\taro3.0)特定のコ...