HTMLマージンとは何ですか？

ハイパーテキストマークアップ言語（HTML）マージンは、外側の要素を決定するプロパティです。視覚的にオブジェクトを整理するために、パディング、内部の要素内のスペースを使用してコンテキストで使用できます。審美的な目的と同様に、読みやすさのためにマージンが必要になる場合があります。要素が密接に詰め込まれている場合、ユーザーにとって不快な可能性のある忙しい外観をウェブサイトに与えることができます。 HTMLマージンを使用した正しい間隔は、視覚的に興味深いままですが、圧倒的ではない、よりバランスのとれた、偶数偶数偶数外観を作成します。

開発者がHTMLマージンを設定すると、最大4つの値がかかります。単一の値が与えられた場合、ブラウザはオブジェクトの周りのマージンがすべての側で同じであると仮定します。 2つの値の場合、上部と下部に最初の値、左右に2番目の値を使用します。 3つの値は、上のマージン、側面の測定値、および下部の概要を説明します。 4つすべてが定義されている場合、ブラウザは指定として上部、左、右、および下部を設定しますied。

各HTMLマージンは、要素の外側に視覚空間を提供します。古典的な例では、Webデザイナーにはページの上部にナビゲーションバーがある場合があります。マージンがないと、次の要素は、コンテンツのあるボックスのように、すぐにナビゲーションバーに突き刺さります。これはあまり快適に見えず、ユーザーが使用するのが難しくなる可能性があります。 HTMLマージンは、コンテンツの周りにスペースを提供し、メニューとコンテンツの間にクリアランスを作成して視覚的に分離することができます。

デザイナーは、HTMLマージンをパーセンテージまたはEMやピクセルなどの値に設定できます。最良のオプションは、デザイナーの好みとサイトの全体的なルックアンドフィールに依存します。設計で一貫した測定値を使用することが重要です。たとえば、マージンがパーセンテージで与えられている場合、競合を避けるためにパディングする必要があります。

もう1つの考慮事項は、スクリーの変更ですnサイズまたは表示。これは、ユーザーが読みやすくコンテンツを拡大するモバイルデバイスまたはコンピューターで発生する場合があります。デザインが柔軟性がない場合、コンテンツはコンテナから流出したり、ページから外れたり、適切に拡大したりしない場合があります。これにより、サイトの読み取りが難しくなる可能性があり、場合によっては、ユーザーがまったくアクセスできないようにコンテンツを破損する可能性があります。テストでは、デザイナーはいくつかの異なるブラウザを探索し、拡大と収縮を実験してディスプレイに何が起こるかを確認できます。