標準化されたデザインソリューション - マークアップ言語とスタイルマニュアル 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 インデックス カバレッジについて例を挙げて説明します。ご参考までに、詳細は...
技術初心者として、初めて Linux システムをインストールするプロセスを記録しています。まず、Wi...
最近、データベースについて学び始めました。最初にやったことは、データベースとは何か、データベースとデ...
目次1 Nginxのインストール2 Nginxの設定3 ホストファイルを変更する4 テストNginx...
目次導入なぜわざわざ?落とし穴のあるコミュニティソリューション(Vue を例に挙げる)現時点では良い...
最近、Xiao Ming は新しい Mac を購入し、独自のブログ Web サイトを構築したいと考え...
私たちウェブマスターは皆、ウェブサイトを最適化する際に記事内のキーワードを太字にすることが最適化に非...
目次同一起源ポリシーAjax リクエストの制限: Ajaxは自身のサーバーにのみリクエストを送信でき...
この記事は主に、みんなで共有できるVue3ベースのフルスクリーンドラッグアップロードコンポーネントを...
この記事の例では、ショッピングカート機能を実装するためのvuexの具体的なコードを参考までに共有して...
コンテナをソートするためにdepends_onを使用しても、コンテナ間の依存関係の問題は完全には解決...
序文ORDER BY 字段名升序/降序、このソートステートメントは皆さんご存知だと思いますが、特殊な...
コードと例を直接投稿する #テーブル作成時にコメントを記述する CREATE TABLE useri...
この記事では、Vueの簡単なコメント機能を実装するための具体的なコードを参考までに共有します。具体的...
Vue を使用してプロジェクトを開発する過程で、次のような問題によく遭遇します。Vue のデータでオ...