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

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

標準化されたデザインソリューション - マークアップ言語とスタイルマニュアル
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 インデックス カバレッジの例の分析

この記事では、MySQL インデックス カバレッジについて例を挙げて説明します。ご参考までに、詳細は...

VMware での Linux CentOS6.9 インストール グラフィック チュートリアル

技術初心者として、初めて Linux システムをインストールするプロセスを記録しています。まず、Wi...

MySQL 8.0.16 winx64 のインストールと設定方法のグラフィックチュートリアル

最近、データベースについて学び始めました。最初にやったことは、データベースとは何か、データベースとデ...

Nginx イントラネット スタンドアロン リバース プロキシの実装

目次1 Nginxのインストール2 Nginxの設定3 ホストファイルを変更する4 テストNginx...

Vue/React シングルページ アプリケーションをリフレッシュなしで復元するソリューション

目次導入なぜわざわざ?落とし穴のあるコミュニティソリューション(Vue を例に挙げる)現時点では良い...

MacにHomebrewをインストールする際の注意点

最近、Xiao Ming は新しい Mac を購入し、独自のブログ Web サイトを構築したいと考え...

太字の <b> と <strong> の違いの分析

私たちウェブマスターは皆、ウェブサイトを最適化する際に記事内のキーワードを太字にすることが最適化に非...

相同性とクロスドメイン、jsonp(関数カプセル化)、CORS原則の詳細な分析

目次同一起源ポリシーAjax リクエストの制限: Ajaxは自身のサーバーにのみリクエストを送信でき...

Vue3 ベースのフルスクリーン ドラッグ アップロード コンポーネント

この記事は主に、みんなで共有できるVue3ベースのフルスクリーンドラッグアップロードコンポーネントを...

Vuex はシンプルなショッピングカート機能を実装します

この記事の例では、ショッピングカート機能を実装するためのvuexの具体的なコードを参考までに共有して...

Docker-compose におけるdepends_on 順序問題を解決する方法についての簡単な説明

コンテナをソートするためにdepends_onを使用しても、コンテナ間の依存関係の問題は完全には解決...

MySQL のあまり知られていないソート方法

序文ORDER BY 字段名升序/降序、このソートステートメントは皆さんご存知だと思いますが、特殊な...

MySQLでテーブルを作成し、フィールドコメントを追加する方法

コードと例を直接投稿する #テーブル作成時にコメントを記述する CREATE TABLE useri...

Vueはシンプルなコメント機能を実装します

この記事では、Vueの簡単なコメント機能を実装するための具体的なコードを参考までに共有します。具体的...

Vue の vue.$set() メソッドのソースコード例の詳細な説明

Vue を使用してプロジェクトを開発する過程で、次のような問題によく遭遇します。Vue のデータでオ...