لماذا يجب عليك استخدام Tab Space بدلاً من المسافات المتعددة غير الفاصلة (nbsp) في HTML

هناك عدة طرق لإدراج مسافات في HTML. أسهل طريقة هي ببساطة إضافة مسافات أو كيانات أحرف متعددة قبل النص الهدف وبعده. بالطبع ، هذه ليست الطريقة الأكثر جفافاً.

بدلاً من ذلك ، للحفاظ على سهولة الحفاظ على التعليمات البرمجية وتقليل التكرار ، يمكنك استخدام و

 العناصر ، جنبًا إلى جنب مع القليل من CSS:

باستخدام العنصر

يمكن رؤية مثال على كيفية استخدام التحكم في التباعد بين النص أدناه:

Hello my name is James

لاحظ أن العلامات تغلق ذاتيًا ، مما يعني أنها لا تحتاج إلى ملف />.

ثم يمكنك استخدام تصميم خارجي أو داخلي لمنح الفصل tabبعض الخصائص. على سبيل المثال ، ستعمل الشفرة التالية في ورقة أنماط خارجية:

.tab { padding-left: 2px; }

يمكنك أيضًا إعطاء بعض الخصائص ذات النمط المضمّن ، كما هو موضح أدناه.

بدلاً من ذلك ، يمكنك إعطاء نفس الخصائص مثل الأنماط المضمنة كما هو موضح أدناه:

Hello my name is James

باستخدام
 جزء

للحصول على طريقة سهلة لإضافة مساحة علامة تبويب ، قم ببساطة بلف النص

العلامات. فمثلا:

ال

يمثل العنصر ببساطة نصًا مُعدًا مسبقًا . بمعنى آخر ، سيتم عرض أي مسافات أو علامات تبويب في النص الداخلي. فمثلا:

 function greeting() { console.log('Hello world!'); } 

فقط ضع في اعتبارك أن أي أحرف جدولة فعلية (وليس مجموعة من المسافات التي تبدو مثل علامات التبويب) ، التي تستخدمها مع هذه الطريقة قد تظهر بشكل يبعث على السخرية. هذا لأن tab-sizeخاصية

 يتم تعيين العنصر إلى 8 مسافات افتراضيًا.

يمكنك تغيير هذا باستخدام القليل من CSS:

pre { tab-width: 2; }

مزيد من المعلومات حول HTML:

HyperText Markup Language (HTML) هي لغة ترميز تُستخدم لإنشاء مستندات عبر الإنترنت وهي أساس معظم مواقع الويب اليوم.

لغة ترميزية مثل HTML تسمح لنا بذلك

  • إنشاء روابط لمستندات أخرى ،
  • هيكلة المحتوى في وثيقتنا ، و
  • إسناد السياق والمعنى إلى محتوى وثيقتنا.

يحتوي مستند HTML على جانبين. يحتوي على معلومات منظمة (ترميز) ، وروابط نصية (نص تشعبي) لمستندات أخرى.

نقوم ببناء صفحاتنا باستخدام عناصر HTML. إنها تراكيب للغة توفر البنية والمعنى في وثيقتنا للمتصفح وروابط العنصر لمستندات أخرى عبر الإنترنت.

تم إنشاء الإنترنت في الأصل لتخزين وتقديم مستندات ثابتة (غير متغيرة). تمت رؤية جوانب HTML التي تمت مناقشتها أعلاه بشكل مثالي في هذه المستندات التي تفتقر إلى كل التصميم والتصميم. قدموا معلومات منظمة تحتوي على روابط إلى وثائق أخرى.

HTML5 هو أحدث إصدار أو مواصفات HTML. اتحاد شبكة الويب العالمية (W3C) هو المنظمة التي تطور معايير شبكة الويب العالمية ، بما في ذلك معايير HTML. نظرًا لأن صفحات الويب وتطبيقات الويب تزداد تعقيدًا ، يقوم W3C بتحديث معايير HTML.

يقدم HTML5 مجموعة كاملة من العناصر الدلالية. بينما تساعد HTML في توفير معنى لوثيقتنا ، لم تكن إمكاناتها معروفة بالكامل حتى إدخال العناصر الدلالية مع HTML5.

مثال بسيط على مستند HTML

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: يعرّف هذا المستند ليكون HTML5

html: العنصر الجذر لصفحة HTML

head: يحتوي العنصر على معلومات تعريفية حول المستند

العنوان: يحدد العنصر عنوانًا للمستند

النص الأساسي: يحتوي العنصر على محتوى الصفحة المرئي

h1: يعرّف العنصر عنوانًا كبيرًا

p: العنصر يحدد فقرة

إصدارات HTML

منذ الأيام الأولى للويب ، كان هناك العديد من إصدارات HTML

  • HTML1991
  • HTML 2.01995
  • HTML 3.21997
  • HTML 4.011999X
  • HTML2000
  • HTML52014

مصادر أخرى

  • عناصر HTML
  • HTML الدلالية
  • سمات HTML