定規(guī)はポジショニング參照を提供し、ガイドは要素アライメントを?qū)g裝し、グリッドは體系的なレイアウトを構(gòu)築します。 1.定規(guī)は位置座標(biāo)を表示し、參照線をドラッグして要素の逸脫を確認(rèn)し、距離の仕様を判斷できます。 2。ガイドは、定規(guī)からドラッグされ、要素と分割領(lǐng)域を正確に整列させ、ロックと色の設(shè)定をサポートする仮想ラインです。 3.グリッドは、全體的なレイアウトリズムを制御する行と列で構(gòu)成され、12列のWebページグリッドや8pxモバイルグリッドなど、一般的なレスポンシブデザインに適応します。 3つの組み合わせにより、レイアウトの効率とプロフェッショナリズムが向上します。

justify-contentcontrolsalignmentalongthemainaxiswhilealign-itemthecrossaxis.1.justify-contentalignsitemshorizemshorizemshorwhenfex-directionisrow、withvalueslikeflex-start、flex-end、center、space-betwene、andsspace-around.2.align-sutemshandlesialali

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

HTMLドキュメントの文字エンコードをUTF-8に正しく設(shè)定するには、3つのステップに従う必要があります。1。HTML5パーツの上部に追加します。 2。応答ヘッダーコンテンツタイプを構(gòu)成：text/html; charset = utf-8、apacheがadddefaultcharsetutf-8を使用する場(chǎng)合、nginxはcharsetutf-8を使用します。 3.エディターにHTMLファイルを保存するときに、UTF-8エンコード形式を選択します。これらの3つのリンクは不可欠です。そうしないと、ページコードの文字化けと特別な文字解析の障害につながり、ユーザーエクスペリエンスとSEO効果に影響を與える可能性があります。 HTML宣言、サーバーの構(gòu)成、ファイルの保存が一貫していることを確認(rèn)することが重要です。

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

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

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

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