درج فاصله در html برای نمایش صحیح متن در صفحه وب مطابق با تأثیرات تصور شده توسط نویسنده ضروری است. بسته به پیچیدگی کار ، هم می توانید از فضاهای معمولی بدون شکستن استفاده کنید و هم با استفاده از خصوصیات css تعداد فضاها را کنترل کنید.
لازم است
ویرایشگر html
دستورالعمل ها
مرحله 1
اگر لازم است یک فضای معمولی بین کلمات وارد کنید (با فشار دادن کلید Space بدست می آید) ، نیازی به انجام اقدامات خاصی نیست - هر تعداد فضای معمولی متوالی در کد html مانند یک صفحه در وب خواهد بود.
گام 2
برای حفظ تعداد دقیق فاصله بین کلمات ، هر " فضای معمولی را با " جایگزین کنید (بدون نقل قول) - این کد فضای شکستنی در html است. به عنوان مثال: "بین هر کلمه دو فاصله وجود دارد." یک فضای بدون شکستن بین دو کلمه وارد می شود و به این ترتیب که وقتی در یک خط دیگر قرار می گیرند ، آنها از هم جدا نشوند. برای قرار دادن خودکار فضاهای بدون شکست در متن ، استفاده از ابزار شناخته شده آرتمی لبدف - "Typograf" (https://www.artlebedev.ru/tools/typograf/) مناسب است.
مرحله 3
روش دیگر برای درج مقدار فاصله مورد نظر در html بین کلمات: قسمت دلخواه متن را در برچسب ها محصور کنید و. سپس کلمات با یک فونت تک فاصله نمایش داده می شوند ، اما تمام فضای معمول بین کلمات هنگام نمایش در صفحه وب حفظ می شوند. لطفاً توجه داشته باشید که این برچسب دارای برخی خصوصیات است: برخی از برچسب ها در داخل آن مجاز نیستند: و ,,,,.
مرحله 4
یک روش پیچیده تر برای کنترل نحوه استفاده از فضای خالی: از ویژگی CSS فضای سفید با مقدار قبل یا قبل از بسته بندی استفاده کنید (به ترتیب بدون بسته شدن خط در داخل عنصر و به ترتیب با بسته بندی خط). این ویژگی را در توصیف سبک صفحه یا یک عنصر جداگانه طرح بندی html مشخص کنید. هنگام استفاده از این روش ، قلم به یک فاصله تغییر نمی کند و تعداد فاصله بین کلمات حفظ می شود. مثال: چگونه می توانم فضایی را در کد html وارد کنم؟ یا:.free_spaces {white-space: pre-wrap؛} … چگونه می توانم یک فاصله را در کد html وارد کنم؟
