حرف الفراغ في HTML

在网页中插入多个空格是html中经常用到的，实现html空格的方式有很多种，下面给大家一一介绍。

html空格符号代码

1.  ：一个字符的半角的不断行的空格，如果需要在网页中插入多个空格，可以将“　”代码写多遍（常用方式）；

2.   ：一个字符的半角的空格，也可以将“ ”写多遍来插入多个空格；

3.   ：两个字符的全角的空格，也可以将“ ”写多遍来插入更多的空格；

4.  ：小于一个字符的空格；说明：单词后面的分号记得带上，是不能省略的，它也是html代码中的一部分

   
   

html空格   空格   基础教程(oldtoolbag.com)
html空格   空格   基础教程(oldtoolbag.com)
<p>فراغ    فراغ    درس أساسيات الفراغات في HTML (oldtoolbag.com)</p>
<p>درس أساسيات الفراغات في HTML    فراغ    فراغ (oldtoolbag.com)</p>
</body>
</html>

حالة التشغيل بعد الإجراء كالتالي:

لماذا نستخدم رموز الفراغات في HTML

　　　 لماذا نستخدم رموز الفراغات في HTML؟ لماذا لا نكتب الفراغات مباشرة على لوحة المفاتيح؟ عندما تقوم بالتعامل الفعلي، ستجد: في الحالة الافتراضية، مهما كنت تكتب من الفراغات في النص الأصلي HTML، سيتم عرض فراغ واحد فقط في المتصفح. لذلك نحتاج إلى استخدام رموز الفراغات في HTML لتحقيق تأثير فراغات متعددة في صفحة الويب.

　　　 لماذا قلنا "في الحالة الافتراضية"؟ في الواقع، يمكننا أيضًا استخدام خاصية "white-space" في CSS لتحقيق تأثير فراغات متعددة. وهي تعني إعداد قيمة الخاصية "white-space" إلى "pre"، عند إعدادها، سيحافظ المتصفح على الفراغات والسطور في النص الأصلي لـ HTML. الآن إذا قمت بكتابة بعض الفراغات في النص الأصلي، سيتم عرضها كذلك في المتصفح.

　　　 الشرح: عادةً ما يتم استخدام رموز الفراغات في تطوير الويب لتحقيق تأثير فراغات متعددة.

مثبتات الفراغات المختلفة في HTML

تمثل "em" وحدة قياس في الطباعة الحروفية، وتعادل النقطة الحالية المحددة. على سبيل المثال، 1 "em" في الخط الذي يبلغ 16px هو 16px.
تمثل "em" وحدة قياس في الطباعة الحروفية، ونصف عرض الحرف. ووفق التعريف، فإنها تساوي نصف عرض الحرف (مثل 8px في الخط الذي يبلغ 16px). وهي تساوي عرض الحرف الصغير "n".
يملك خاصية عدم الانفصال (non-breaking) تعني:
الفراغات المتكررة من nbsp ستعمل في نفس السطر. أي أن إذا كان هناك عدد غير محدود من الفواصل المتكررة من nbsp، فإن المتصفح لن يفصلها إلى سطرين.