XHTML と CSS を使用して再利用可能でスキン変更可能な WEB サイトをデザインする方法 ページ 1/4_体験交流
XHTML 標準の目標は、html を置き換えることです。 W3C によれば、「XHTML は html の後継です」(http://www.w3.org/MarkUp/) とのことです。
XHTML には 2 つの大きな目標があります。
ドキュメントの構造とプレゼンテーションをより明確に分離することです。
html を XML として再表現するアプリケーション。
XHTML 標準を使用する利点は、ページを 1 回デザインするだけで、最新のブラウザでまったく同じように表示および動作できることです。たとえば、標準に従って生成されたページは、追加の作業を行わなくても、Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino、Safari で同じように表示されます。また、XHTML 標準により、障害のある人がスマートフォンやコンピュータなどのデバイスから Web サイトにアクセスしやすくなります。
XHTML 標準では、ドキュメント構造とプレゼンテーションをより明確に分離する必要があります。したがって、CSS スタイル シートを使用することが不可欠です。 CSS は Web ページにおいて非常に重要な位置を占めており、その使用については常に大きな議論の的となっています。 CSSとはCascading Style Sheetの略で、「カスケーディングスタイルシート」と訳されます。 W3C は 1997 年に HTML4 標準を公布したときに、スタイル シートの最初の標準 CSS1 も発表し、CSS1 バージョンに続いて、1998 年 5 月に CSS2 バージョンがリリースされました。
CSS の発明者の意図は、プレゼンテーション要素を削除することでした。つまり、コンテンツはそれが表す内容に基づいてマークアップされ、コンテンツを美しくするためにスタイルシートが使用される必要がありました。これは、文書構造とプレゼンテーションを分離するという XHTML の目標と一致しています ( b 、 i 、および img タグ (および big 、 small 、 tt ) は XHTML 2.0 で削除され、 br の使用さえも将来のリリースからは非推奨になります) )それを取り除きます。その理由は、ほとんどのマークアップはプレゼンテーションのためです。マークアップの唯一の目的は、コンテンツがどのように表示されるべきかについてブラウザに指示を与えることですが、そのコンテンツが何であるかについてはまったく情報を提供しません。)そこで、彼らは最高のパートナーになりました。 。 XHTML2.0 について詳しくは、http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html を参照してください。
以前は CSS がよく使用されていました。これはフォントのプロパティを定義するために使用されますが、新しい標準ではページ全体の表示を制御するために使用されます。ただし、この新しい変更に適応するには、テーブルの代わりにレイアウトに p を使用する、構造化されたセマンティック タグを使用するなど、これまでとは異なることを行う必要があります。新しい処理方法のおかげで、再利用可能な CSS (同じスタイル ファイルを複数の WEB サイトで使用する) やスキン可能な WEB サイト (1 つのサイトで複数の異なるスタイルを使用する) を簡単にデザインできるようになりました。
例については、四川省建設局情報ポータルをご覧ください。図 1 に示すように、インターフェイスは右上で切り替わります。 。時間の都合上、XHTML と CSS の検証には合格していませんが、原理は同じです。
図 1: インターフェイス スタイルの切り替え

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











vue.jsでBootstrapを使用すると、5つのステップに分かれています。ブートストラップをインストールします。 main.jsにブートストラップをインポートしますブートストラップコンポーネントをテンプレートで直接使用します。オプション:カスタムスタイル。オプション:プラグインを使用します。

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

Bootstrapフレームワークをセットアップするには、次の手順に従う必要があります。1。CDNを介してブートストラップファイルを参照してください。 2。独自のサーバーでファイルをダウンロードしてホストします。 3。HTMLにブートストラップファイルを含めます。 4.必要に応じてSASS/LESSをコンパイルします。 5。カスタムファイルをインポートします(オプション)。セットアップが完了したら、Bootstrapのグリッドシステム、コンポーネント、スタイルを使用して、レスポンシブWebサイトとアプリケーションを作成できます。

ブートストラップスプリットラインを作成するには2つの方法があります。タグを使用して、水平方向のスプリットラインを作成します。 CSS Borderプロパティを使用して、カスタムスタイルのスプリットラインを作成します。

ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。

ブートストラップボタンの使用方法は?ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します
