فهم الفرق بين الحشو والهوامش في تصميم الويب

ميز الإثنان مع هذا الدليل

إذا لم تكن تعرف الفرق بين الحشو والهوامش ، فأنت لست وحدك. إنه سؤال متكرر ويزعج الكثير من مصمم الويب . مع هذا البرنامج التعليمي السريع ، تعلم كيفية التمييز بين الاثنين.

فهم الفرق

يمكن أن تكون الهوامش والحشو مربكًا لدى مصمم الويب المبتدئ وأحيانًا حتى المصممين الذين لديهم خبرة أكبر. بعد كل شيء ، في بعض النواحي ، يبدو أنها نفس الشيء: مساحة بيضاء حول صورة أو كائن.

الحشو هو ببساطة المساحة داخل الحدود بين الحدود والمحتوى الفعلي للصورة أو الخلية. في الصورة ، المساحة هي المساحة الصفراء حول المحتويات. لاحظ أن الحشو يذهب بشكل كامل حول المحتويات. ستجد الحشو على الجانبين العلوي والسفلي واليمين واليسار.

من ناحية أخرى ، فإن الهوامش هي الفراغات الموجودة خارج الحدود ، وبين الحدود والعناصر الأخرى المجاورة لهذا الكائن. في الصورة ، الهامش هو مساحة wite خارج الكائن بأكمله. لاحظ أنه ، مثل الحشو ، يذهب الهامش تمامًا حول المحتويات. هناك هوامش على الجانبين العلوي والسفلي واليمين واليسار.

نصائح مفيدة

ضع في اعتبارك أنه إذا كنت تخطط للقيام بأشياء رائعة بالفعل باستخدام الهوامش والحشو لا تقوم بعض المستعرضات ، مثل Internet Explorer ، بتطبيق نموذج الصندوق بشكل صحيح. وهذا يعني أن صفحاتك ستبدو مختلفة (وأحيانًا مختلفة إلى حد كبير) في المتصفحات الأخرى.