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

hypertextマークアップ言語（HTML）マージンは、外側の要素を決定するプロパティです。視覚的にオブジェクトを整理するために、パディング、内部の要素内のスペースを使用してコンテキストで使用できます。審美的な目的と同様に、読みやすさのためにマージンが必要になる場合があります。要素が密接に詰め込まれている場合、ユーザーにとって不快な可能性のある忙しい外観をウェブサイトに与えることができます。HTMLマージンを使用した正しい間隔は、視覚的に興味深いままですが、圧倒的ではない、よりバランスのとれた、偶数の外観を作成します。単一の値が与えられた場合、ブラウザはオブジェクトの周りのマージンがすべての側で同じであると仮定します。2つの値の場合、上部と下部に最初の値、左右に2番目の値を使用します。3つの値は、上のマージン、側面の測定値、および下部の概要を説明します。4つすべてが定義されている場合、ブラウザは指定されているように上部、左、右、および下部を設定します。古典的な例では、Webデザイナーにはページの上部にナビゲーションバーがある場合があります。マージンがないと、次の要素は、コンテンツのあるボックスのように、すぐにナビゲーションバーに突き刺さります。これはあまり快適に見えず、ユーザーが使用するのが難しくなる可能性があります。HTMLマージンは、コンテンツの周りのスペースを提供し、メニューとコンテンツの間にクリアランスを作成して視覚的に分離できます。最良のオプションは、デザイナーの好みとサイトの全体的なルックアンドフィールに依存します。設計で一貫した測定値を使用することが重要です。たとえば、競合を避けるために、パディングが必要な割合でマージンが与えられている場合。デザインが柔軟性がない場合、コンテンツはコンテナから流出したり、ページから外れたり、適切に拡大したりしない場合があります。これにより、サイトの読み取りが難しくなる可能性があり、場合によっては、ユーザーがまったくアクセスできないようにコンテンツを破損する可能性があります。テストでは、デザイナーはいくつかの異なるブラウザを探索し、拡大と収縮を実験してディスプレイに何が起こるかを確認できます。