これは、大きなブロックコンテンツ領域を分割するために使用されるブロックレベルの要素です。これは、テキストまたはコンテンツの斷片の小さなセグメントを包むのに適したインライン要素です。特定の違いは次のとおりです。1。列、幅、高さのみを占有し、內(nèi)側と外側の縁を設定できます。これは、ヘッダー、サイドバーなどのレイアウト構造でよく使用されます。 2。ラインを包み、コンテンツ幅のみを占有し、変色、太字などのローカルスタイル制御に使用されます。 3.使用シナリオの観點から、それは全體の領域のレイアウトと構造の組織に適しており、全體的なレイアウトに影響を與えない小規(guī)模なスタイル調(diào)整に使用されます。 4.ネスティングの場合、任意の要素を含めることができ、ブロックレベルの要素を內(nèi)部にネストしないでください。

HTMLをすばやく開始するには、Webスケルトンを構築するためにいくつかの基本的なタグをマスターするだけです。 1.ページ構造は不可欠であり、ルート要素であり、メタ情報が含まれ、コンテンツディスプレイ領域です。 2。タイトルを使用します。レベルが高いほど、數(shù)が小さくなります。タグを使用してテキストをセグメント化して、レベルをスキップしないようにします。 3.リンクはタグを使用してHREF屬性を一致させ、畫像はタグを使用し、SRCおよびALT屬性が含まれます。 4.リストは、順序付けられていないリストと順序付けリストに分割されます。各エントリは表され、リストにネストする必要があります。 5.初心者は、すべてのタグを強制的に記憶する必要はありません。あなたが書いている間にそれらを書いてチェックする方がより効率的です。構造、テキスト、リンク、寫真、リストをマスターして、基本的なWebページを作成します。

Shadowdomは、孤立したDOMサブツリーを作成するためにWebコンポーネントテクノロジーで使用されるテクノロジーです。 1.獨自のスタイルと行動を備えた通常のHTML要素上の獨立したDOM構造のマウントを可能にし、メインドキュメントに影響しません。 2。AttachShadowメソッドの使用やモードの設定など、JavaScriptを介して作成されました。 3。HTMLと組み合わせて使用すると、3つの主要な機能があります。クリア構造、スタイル分離、コンテンツプロジェクション（スロット）。 4。ノートには、複雑なデバッグ、スタイルスコープ制御、パフォーマンスオーバーヘッド、フレームワークの互換性の問題が含まれます。要するに、Shadowdomは、再利用可能で汚染されていないUIコンポーネントを構築するためのネイティブカプセル化機能を提供します。

シーンに従ってスタイル配置方法を選択する必要があります。 1。インラインは、操作によるボタンの色の変更など、単一要素または動的JS制御の一時的な変更に適しています。 2。內(nèi)部CSSは、ページが少ないプロジェクトと単純な構造に適しています。これは、ログインページの基本スタイル設定など、スタイルの集中管理に便利です。 3。再利用、メンテナンス、パフォーマンスが優(yōu)先され、大規(guī)模なプロジェクトの外部リンクCSSファイルを分割することをお勧めします。

表示されていない畫像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機能、HTML構文の問題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機能が正確に一致するかどうかを確認し、URLに直接入力して畫像をロードできるかどうかを確認します。 3.IMGタグ構文が正しいかどうかを確認し、冗長文字がなく、ALT屬性値が適切であることを確認してください。 4.ページを強制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫像表示の問題を解決できます。

youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh

処理前のDNSはページの読み込み速度を高速化でき、DNSのHTMLリンクタグを使用することは効果的な方法です。 dnsprefetchingは、事前にドメイン名を解決することにより、後続の要求時間を保存します。該當するシナリオには、サードパーティフォント、広告統(tǒng)計スクリプト、リソースホスティング、CDNドメイン名が含まれます。メインページの依存関係リソースに優(yōu)先順位を付け、3?5の數(shù)を合理的に制御し、Preconnectで使用して効果を高めることをお勧めします。

HTMLフォームでは、タグを使用してドロップダウンメニューからオプションをグループ化して、読みやすさとユーザーエクスペリエンスを向上させます。 1.これは、要素の下のラベルであり、複數(shù)のグループをグループ化し、ラベル屬性を介してグループ名を定義するために使用されます。 2。それを使用する場合、內(nèi)部に入れてネストする必要があり、それぞれにラベル屬性が必要です。 3。ノートにはネストされていないことが含まれます。グループオプション全體を無効屬性を介して無効にでき、CSSカスタムスタイルを使用でき、アクセシビリティサポートを検討する必要があります。 4。適用可能なシナリオには、多分類のデータ選択が含まれ、視覚的な階層または論理階層関係が必要です。合理的な使用は、フォームのインタラクティブエクスペリエンスを効果的に改善できます。