الاكواد التى ليس لها إغلاق

وعليكم السلام ورحمة الله تعالى،

إذا كنت تقوم بكتابة أكواد HTML فقط فأنت لاتحتاج إلى إغلاق هذه العناصر،

ولكن إذا كنت تريد أن تتعلم React.js فانت سوف تصبح بحاجة لكتابة هذه العناصر بشكل مغلق، أي أنك سوف تكتب الشريطة المائلة أخر كل وسم لايتم أغلاقه في React كما في الشكل:

<img src="#" />
<input type="text" />

ولكن في صفحات html الصافية فأنت لست بحاجة إلى إغلاق هذه العناصر.

أغلب المبرمجين يكتبون شريطة أخر العنصر وذلك بسبب إعتيادهم على React.js

أتمنى لك التوفيق. 

في HTML يوجد عدّة عناصر لها علامات إغلاق ذاتي (Self-closing Tags) ومنها:

اقتباس

</area /> , <base /> , <br /> , <col />, <embed /> ,<hr /> ,<img /> ,<input /> ,<link /> ,<meta />, <param />, <source />, <track >,

<wbr/>

سابقاً في النسخة الأقدم من HTML أي في نسخة HTML4 كان من الضروري وضع إشارة الإغلاق لهذه العناصر. أما في النسخة الحديثة من HTML أي HTML5 أصبح وضعها اختيارياً ولايسبب أي خطأ في حال عدم وضعها.
ولكن يفضّل دوماً وضعها لأنها توضّح للمبرمج أن هذا الوسم ينتهي هنا وأنه لم يقم بكاتبة وسم إغلاق له في مكانٍ آخر، وذلك مفيد جداً عندما تزداد عدد العناصر المتداخلة في الكود ويتيح للمبرمج أريحية في فهم وقراءة الكود.

بتاريخ 20 دقائق مضت قال Ahmed Gamal:

و النموذج

النموذج form ليس عنصر ذاتي الإغلاق. أعتقد أنك تقصد حقل الإدخال input

إن العناصر ذاتية الإغلاق هي عناصر لا تقبل وضع عناصر أخرى دتخلها مثل :

<area />
<base />
<br />
<col />
<embed />
<hr />
<img />
<input />
<link />
<meta />
<param />
<source />
<track />
<wbr />

عدم وضع الشرطة المائلة لايسبب خطأ بسبب أن مترجم أكواد HTML غير صاروم في قواعد كتابة اللغة و سوف يترجمها المتصفح بالطريقة الصحيحة.

في حال استخدام إضافات Extention لمحرر أكواد VS code سيقوم بوضعهم تلقائيا مثل إضافة auto losing HTML tags وغيرها.