1. はじめに: テーブル レイアウトを使用するのはなぜ賢明ではないのでしょうか?
HTML にテーブルが存在する理由は、テーブルのようなデータを表示するという 1 つの目的だけです。ただし、後続の border="0" により、デザイナーはこの目に見えないグリッドに画像とテキストを配置できます。現在に至るまで、視覚的に豊かな Web サイトをデザインする方法としては依然としてテーブルが主流ですが、これは Web サイトのデザインに対する、より優れた、より親しみやすく、柔軟で強力なアプローチの妨げとなります。
2. 概要: それは私にとって何になるのでしょうか?
次のような作業方法をお伝えします:
ページの読み込みを速くする
3. テーブルによって引き起こされる問題
フォーマットデータをコンテンツに混ぜます。
4. 移行設計
マージンとパディングを使用して、冗長な表のセルとスペーサー GIF を置き換えます。
スタイルを読み込むには、link と @import を使用します。前者は初期のブラウザで使用され、後者は最新のブラウザで使用されます。
5. 構造化マークアップ: What you write is what you think, what you think is writing
たとえ CSS を書くのが非常に簡単であっても、CSS を使用する 植字には、これまでとは異なる考え方が必要です。
私たちがレイアウトをするときに考えるのは、「ここにあれを入れて、あれをあそこに入れて」ではなく、ページ上の情報のカテゴリーと情報の構造です。
最も重要な見出しをマークするには
タグを使用し、段落は でマークします。
これを「構造的マークアップ」または「セマンティック・マークアップ」と呼んでいます。
コンテンツはtablesやtable要素には配置されず、代わりにdiv要素に配置されます。また、div 要素に ID またはクラスを与えますが、これはその内容または機能を説明するためのものであり、外観ではありません。
オブジェクトを斜体にするときは、それを強調したり、本のタイトルを引用したりすることがありますよね。 前者の場合は を使用する必要があり、後者の場合は実際には を使用する必要があります。
オブジェクトが太字としてマークされている場合、実際には、 としてマークされる必要があります。
どこかで改行を追加したい場合は、おそらく新しい始まりを開始するためです。それが始まりではない場合、それはあなたのサイトに表示されるある種のクラス (タイプ) ですか?上記のどちらの場合も、
.foo {display:block}
ナビゲートする必要があるコンテンツが順序付けされていないリンクである状況を考えてみましょう。
それらを編集するには
タグを使用します。 link1
display:inlineを使うと水平ナビゲーションバーを作成できます。
link1
#nav1{
# nav1 ul {
#nav1 li {
#nav1 li:first-child {
垂直ナビゲーションバー
#nav2 {
#nav2 ul {
;
width: auto; }
border : none }
サイトのコンテンツをカテゴリーに分割したら、各ページを分析し、論理的な関係に従って細分化します。
メインナビゲーションバー
サブナビゲーションバー ヘッダーとフッター
完璧主義者なので、すべての タグとスペーサー GIF を削除してください。
同様に、 と 外観タグ（bgcolor、backgroundなど）をテーブルから削除します。
「検索と置換」（または正規表現）を使用することもできますが、最良の方法は、ブラウザでこのページを開いてテキストをコピーすることですHTML エディターに貼り付けます。
鍵は構造化して考えることです！ タグを に置き換えるだけでは十分ではありません。
一番大切なものは何ですか？
でマークします。重要度の低いものについては、 などを使用します。 を使用して段落をマークします。ナビゲーション バーを順序なしリストとしてマークします。
使用するDOCTYPEを選択します。 (XHTML トランジショナルを推奨します。これをマスターしている場合を除き、XHTML strict は使用しないでください。)
8. ページを divs で合理的に分散します
メイン ナビゲーション バーを id 属性に配置し、mainnav に設定します。 div の場合、サブナビゲーション バーは、ID またはクラスが subnav である div に配置されます。フッターは
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
