<br />一般的に、「標準的な Web ページ」のファイル構成は XHTML CSS です。 XHTML は主に Web ページの構造を表現し、コンテンツを表示するために使用され、CSS は構造レイアウトを定義し、コンテンツ スタイルを変更するために使用されます。 レイアウトによく使用される XHTML には、通常、次のものが含まれます。 DIV: 主にページ コンテンツの論理的な分割に使用されます。たとえば、Web ページには通常、ヘッダー、ナビゲーション、サイドバー、コンテンツ、著作権、その他の責任パーティションが含まれます。このとき、DIV タグを使用して分割することができます。 同時に、各ブロックには次の命名が推奨されます。 引用内容は以下のとおりです。 ヘッド: <div id="masthead"></div> ナビゲーション: <div id="globalnav"></div> サイドバー: <div id="navbar"></div> コンテンツ: <div id="content"></div> 著作権: <div id="copyright"></div> 注意: ID は一意です。つまり、同じページに ID が 2 回以上表示されることはありません。それ以外の場合はクラスを使用します。 ul: 元々は順序なしリストでしたが、XHTML CSS アプリケーションでは構造的に同等でない要素を表すためによく使用されます。 UL の子要素 LI と一緒に使用する必要があります。 引用内容は以下のとおりです。 <div> <ul> <li><a href="#">リンク1</a></li> <li><a href="#">リンク2</a></li> <li><a href="#">リンク3</a></li> </ul> </div> span: この要素を DIV と比較すると、span はバッグで、div はボックスです (Xiaoyi: XHTML コードの基本的な応用より)。実際、div はブロック レベル要素であり、span はインライン要素です (インライン要素とブロック レベル要素を参照)。span は、セクション内の要素のフラグメントまたは要素の行を個別に定義するために使用できます。 例えば: 引用内容は以下のとおりです。 <ul> <li><span>(2006-11-13)</span>XHML CSS レイアウトにおける XHTML の適用の概要</li> </ul> CSS で span を左/右フローティングとして定義すると、日付とタイトルを両側に表示できます。これは比較的よく使われる 引用内容は以下のとおりです。 <ul> <li>2007-11-5jb51.net</li> <li>XHML CSS レイアウトの概要</li> </ul> ずっとシンプルです。 ======================================= レイアウトに使用される一般的な XHTML タグについて説明しましたが、Web ページのコンテンツを表示するために使用される XHTML タグもあります。例えば: 引用内容は以下のとおりです。 <img src="" alt="" title="" /> は画像を表します <a href="" title=""></a> はハイパーリンクを示します <hn></hn>(n=1,2,...,6) はページ コンテンツのタイトルを示します。h1 から h6 は重要度の降順で推奨され、h1 が最も重要なタイトルです (greengnn: div css 命名リファレンスを参照) 太字と斜体の元の <b></b> タグと <i></i> タグは、<strong></strong> タグと <em></em> タグに置き換えられます。 |
>>: Ajax リクエストにおけるクロスドメイン問題の原因と解決策
webpack-dev-server コアコンセプトWebpack の ContentBase と ...
インストールとアンインストールの表示 # rpm -qa | grep mysql を表示 # アン...
目次1. 問題の説明2. 原因分析3. 解決策4. 処理1. 問題の説明調整センターでは、最後の 2...
1. ダウンロードアドレス:参考: http://dev.mysql.com/downloads/m...
yum か rpm か? yum によるインストール方法は非常に便利ですが、公式サイトから MySQ...
LinuxサーバーのデフォルトのSSHポート番号は通常22なので、ほとんどのユーザーはセキュリティ上...
雑談はここまでにして、インターネット上で見つかる高性能な Yahoo ウェブサイトを構築するための数...
コードをコピーコードは次のとおりです。 <html> <本文> <?p...
変換して翻訳するTransform は、変換と変形を意味します。他の幅属性や高さ属性と同様に、CSS...
目次Vueルーティング相対パスジャンプ1. 属性の追加2.router.resolveメソッドVue...
準備のメリットPrepare SQL が生成される理由。まず、MySQL サーバー上で SQL を実...
Rownum は、Oracle での独自の書き込み方法です。Oracle では、rownum を使用...
序文:以前の記事では、特定のパラメータの機能についてよく紹介してきました。しかし、MySQL パラメ...
この記事の例では、参考までに虫眼鏡コンポーネントを開発するためのjsの具体的なコードを共有しています...
目次序文【ログ取り消し】 【REDOログ】 【バイナリログ】要約する序文MySQL には、REDO ...