<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 リクエストにおけるクロスドメイン問題の原因と解決策
SQL JOIN 句は、テーブル間の共通フィールドに基づいて 2 つ以上のテーブルの行を結合するため...
Docker に Tomcat をインストールする場合、大きなファイルをダウンロードするときなど、場...
この記事では、JavaScript Canvasで三目並べゲームを実装するための具体的なコードを参考...
目次1. 異なるリクエストパスに応じて異なるデータを返す方法を学びます。 2. 送信データ: データ...
目次概要リバースプロキシの役割Nginx リバース プロキシ イントラネット侵入 8081 ポートの...
ラムダ式ラムダ式 (クロージャとも呼ばれる) は、Java 8 のリリースを推進した最も重要な新機能...
目次環境の準備始める1. GitLabリモートリポジトリがマイクロサービスプロジェクトを作成する2....
テーブル作成コマンドには以下が必要です。 テーブルの名前フィールド名各フィールドを定義します(タイ...
CSS3 - 影の追加(ボックスシャドウの使用) CSS3 - div またはテキストに影を追加する...
目次SQL文を挿入する前にレコードが既に存在するかどうかを確認するSQL挿入時の判断の簡単なコレクシ...
この記事ではvueを使用し、マウスクリックイベントといくつかの小さなページの最適化を追加します。 基...
目次1. 使用2. メッセージポップアップウィンドウが繰り返し表示される問題を解決する1. 使用Vu...
yum install mysql-serverと入力します。続行するにはYを押してくださいインスト...
目次概要1. コンポジションAPI 1. ref と reactive の違いは何ですか? 2. 周...
解決 関数 mergeImgs(リスト) { const imgDom = document.cre...