ホームページ  >  記事  >  ウェブフロントエンド  >  Webデザイン学習におけるXHTML活用まとめ_HTML/Xhtml_Webページ制作

Webデザイン学習におけるXHTML活用まとめ_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:45:111545ブラウズ

一般的に、「標準的な Web ページ」のファイル構成は XHTML CSS です。 XHTML は主に Web ページの構造を表現し、コンテンツを表示するために使用されます。一方、CSS は構造レイアウトを定義し、コンテンツ スタイルを変更するために使用されます。
レイアウトに一般的に使用される XHTML には、通常次のものが含まれます。
DIV: 主にページ コンテンツの論理的な分割に使用されます。たとえば、Web ページには通常、ヘッダー、ナビゲーション、サイドバー、コンテンツ、著作権などの責任のあるパーティションが含まれます。この時点で、DIV タグを使用して分割できます。
同時に、各ブロックに次のような名前を付けることをお勧めします。
以下は引用されたコンテンツです:
ヘッダー:

ナビゲーション:
サイドバー:
コンテンツ:

著作権:
注: ID は一意です。つまり、ID は同じページに 2 回以上出現してはなりません。それ以外の場合はクラスを使用します。
ul: 元々は順序なしリストであり、XHTML CSS アプリケーションの非構造クラスの同等の要素を表すためによく使用されます。 UL のサブ要素 LI と組み合わせて使用​​する必要があります。
引用内容は以下の通りです:



span: この要素を DIV と比較すると、span はバッグ、div はボックスです (Xiao Yi: Basic Application of XHTML Code)。実際、div はブロック レベルの要素であり、span はインライン要素です (関連するインライン (インライン) 要素とブロック レベルの要素を参照してください)。span を通じて、段落または要素の行にセグメント要素を個別に定義できます。 。
例:
以下引用内容:

  • (2006-11-13)XHML CSS レイアウトの XHTML 応用まとめ


CSSでスパンを左/右フローティングとして定義すると、日付とタイトルを両側に表示できます。これは使用に関連しています
以下は引用内容です:

  • 2007-11-5jb51.net

  • XHML CSS レイアウト概要


はるかにシンプルです。
========================================
レイアウトに使用される一般的な XHTML タグについて説明した後、Web ページのコンテンツを表示するために使用される XHTML タグもあります。例えば:
以下は引用内容です:

は画像を表します
はハイパーリンクを表します
(n=1,2,...,6) はページコンテンツのタイトルを表します
重要度の順に h1 ~ h6 を減らすことをお勧めします。h1 が最も重要なタイトルです (greengnn: div css 命名リファレンスを参照)
元々は太字と斜体のタグを表すために を使用していましたが、代わりに を使用することを選択しました。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。