فضایی در یک وب سایت به نظر می رسد یک چیز نسبتا ساده است. اما اولین بار که سعی می کنید کلید را چند بار ضربه بزنید و داشتن این اطلاعات در صفحه شما ظاهر نمی شود، متوجه خواهید شد که این به همان اندازه ساده نیست.
چند راه برای ایجاد فضای در وب سایت وجود دارد. دو مورد اول با برچسب های HTML هستند :
...
نشانگر پاراگراف معمولا بین اقلام قرار می گیرد. این کار به عنوان یک پاراگراف عمل می کند.
با این حال، چندین
در یک ردیف به هیچ وجه به جز تکه تکه کردن صفحه شما عمل نمی کنند. بعضی از ویرایشگران در مکان هایی برای اضافه کردن فضای بیشتری قرار می گیرند، اما این واقعا از تگ
استفاده نمی کند، بلکه کاراکتری است که ما در یک دقیقه می کنیم.
تگ
به معنای آن است که فقط یک خط یک خط را در جریان متن قرار دهد. با این حال می توان چندین بار در یک ردیف برای ایجاد رشته های طولانی از فضای خالی استفاده کرد. مشکل این است که شما نمی توانید ارتفاع و عرض فضا را تعریف کنید و به طور خودکار عرض صفحه است.
CSS مارجین و Padding
راه دیگری برای اضافه کردن فضای به اسناد وب سایت شما این است که از حاشیه و پلاگین ویژگی های CSS استفاده کنید. این یک راه بسیار خوبی برای دریافت دقیق میزان فضای مورد نظر شما بین عناصر شما است. و شما می توانید بیش از فضای عمودی در یک سند را تحت تاثیر قرار دهید.
فضای غیر شکستن ()
در نهایت، فضای غیر شکستن وجود دارد . این نهاد شخصیت دقیقا همانند یک فضای متن معمولی عمل می کند، به جز اینکه مرورگر هر یک را به صورت جداگانه رفتار می کند.
اگر چهار بار در یک ردیف قرار دهید، مرورگر چهار فضای را در متن قرار می دهد.
توجه داشته باشید، مرورگرهای قدیمی ممکن است چند فضای غیر شکستن را ارائه ندهند.
استفاده از فضاهای بدون شکست در جداول
جداول اغلب در صورت بستن یا شکستن در صورتی که چیزی را در سلول نگه ندارید، آن را باز نگه دارید. به عنوان مثال: از HTML زیر استفاده کنید تا یک جدول با یک قطره 30 پیکسل ایجاد شود:
| باید مقدار کمی از فضای به سمت چپ این متن وجود داشته باشد. برخی از مرورگرها آن را به درستی نمایش می دهند، اما بسیاری از درخواست عرض جدول را نادیده می گیرند و متن را با حاشیه سمت چپ قرار می دهند. بسیار آزار دهنده! |
برای جلوگیری از شکستن ستون جدول، از فضای غیر شکستن استفاده کنید:
| باید مقدار کمی از فضای به سمت چپ این متن وجود داشته باشد. با بیشتر مرورگرها آن را به درستی نمایش می دهد. |