構造とプレゼンテーションの分離を理解するためのWeb標準の学習

構造とプレゼンテーションの分離を理解するためのWeb標準の学習
Web 標準について議論するときに必ず話題になるのは、構造とプレゼンテーションを分離することの重要性です。

構造とプレゼンテーションの違いを理解するのは、特にドキュメントの意味構造について考えることに慣れていない場合は、最初は難しい場合があります。

ただし、構造とプレゼンテーションが分離されている場合、CSS ドキュメントを使用してプレゼンテーションを制御することが容易になるため、これを理解することが重要です。

構造は、ドキュメントの本体と、意味タグおよび構造タグで構成されます。

プレゼンテーションは、コンテンツに与えるスタイルです。ほとんどの場合、プレゼンテーションはドキュメントの見た目を意味しますが、ドキュメントの「聞こえ方」にも影響を与える可能性があります。結局のところ、すべての人がグラフィカル ブラウザーを使用するわけではありません。

構造とプレゼンテーションを可能な限り分離します。

理論的には、コンテンツと構造を保存するために 1 つの HTML ドキュメントを使用し、ドキュメント全体の表示を制御するために 1 つの CSS ドキュメントを使用する必要があります。

プレゼンテーションと構造が分離されていない Web サイトは、今日でも一般的です。

したがって、最初に学習を始めるときは、それらを別々のファイルに配置する良い習慣を身に付ける必要があります。XHTML ファイルは、外部の CSS および JavaScript ドキュメントをリンクして共有できます。

<<:  CSSを使用して円形の波効果を実現する

>>:  Dockerイメージのエクスポートとインポート操作

推薦する

Vue のプロダクション環境と開発環境を切り替えてフィルターを使用する方法

目次1. 本番環境と開発環境を切り替える最初の方法: .envファイルを設定する2番目の方法2. フ...

MySQLのロック機構の詳細な説明

序文データの一貫性と整合性を確保するために、あらゆるデータベースにはロック メカニズムが備わっていま...

js配列のfind、some、filter、reduceの違いの詳細な説明

Array の filter、find、some、reduce メソッドの違いを区別し、使用シナリオ...

MySql 5.6.36 64 ビット グリーン バージョンのインストール グラフィック チュートリアル

MySQL のインストールについてはインターネット上に多くの記事がありますが、今日ノート PC にイ...

Vue の大容量ファイルアップロードとブレークポイント再開アップロードの実装

目次ファイルアップロードのための2つのソリューションファイルストリーム(フォームデータ)に基づくクラ...

MySQL セキュリティ管理の詳細

目次1. 順番に紹介する2. ユーザーを作成する3. ユーザーアカウントを削除する4. アクセス権5...

CSS 要素を表示および非表示にする 9 つの方法

Web ページの制作では、要素の表示と非表示は非常に一般的な要件です。この記事では、要素を表示したり...

MySQLはフィールドからカンマ区切りの値を取り出して新しいフィールドを形成します

1例: 図1のフィールドを図2に分割するには アカウントIDを選択、 サブストリングインデックス(サ...

CocosCreator Typescriptでテトリスゲームを作る

目次1. はじめに2. 解決すべきいくつかの重要な問題3.最後に書く1. はじめに最近、Cocos ...

22 Vue 最適化のヒント (プロジェクトの実践)

目次コードの最適化v-for でキーを使用するv-if/v-else-if/v-else でキーを使...

Mac Docker x509証明書の問題を解決する

質問最近、プライベートミラーセンターにログインする必要がありましたが、ログイン時にエラーメッセージが...

Linux NFSメカニズムの動作原理と例の分析

NFS とは何ですか?ネットワークファイルシステムネットワーク上でファイルを保存および整理するための...

動的な色切り替えの実装コードをサポートするために、CSS で SVG 画像を参照します。

表示する svg 画像を追加すると、React はファイルが見つからないというメッセージを表示します...

MySQL データベースの型変換のための CAST 関数と CONVERT 関数の説明

MySQL のCAST()およびCONVERT()関数を使用すると、ある型の値を取得し、別の型の値を...

Windows で mysql5.7.21 をインストールするための詳細なチュートリアル

この記事では、参考までにMySQL 5.7.21のインストールチュートリアルを紹介します。具体的な内...