الكاتب: محمد السنوسي
📃

الوسوم في لغة (html)

الوسوم (Tags) هي كل مايكتب بين علامتي الزاوية<...>، وهي التي تحدد نوعية العناصر في الصفحة، لكل عنصر وسم يختلف عن العنصر الاخر فمثلا الوسم<a>يشير لنوع العنصر رابط، بينما الوسم<p> يشير لنوع العنصر فقرة نصية، وتتحكم الوسوم في بداية ونهاية العناصر، وتعتبر مهمة الوسوم الرئيسية إخبار المتصفحات ومحركات البحث بنوعية العنصر ومحتواه ومن أين يبدأ وأين ينتهي.

تقسيم الوسوم من حيث الشكل

  • وسوم البداية.
  • وسوم النهاية.
  • وسوم ذاتية الاغلاق.

وسوم البداية

هي وسوم تشير لبداية العنصر في الصفحة، وهي تخبر المتصفحات ببداية العنصر وتكون بهذا الشكل:-<..>

وسوم النهاية

هي وسوم تشير لنهاية العنصر وتخبر المتصفحات ان العنصر وصل الي نهايته، تكون بهذا الشكل:-</..>

وسوم ذاتية الاغلاق

يستخدم هذا النوع من الوسوم في العناصر التي تحتوي علي وسم واحد، والهدف منها إخبار المتصفح ان العنصر يحتوي علي وسم واحد فقط، وتكون بهذا الشكل
<meta charset="UTF-8"/>

مثال لعنصر يحتوي علي وسمين عنصر فقرة نصية:-
<p> عنصر فقرة نصية </p>
الشرح والتوضيح للمثال:-
<p>: يشير للمتصفحات أن هذه بداية الفقرة النصية.
</p>: يشير للمتصفحات ان هذه نهاية الفقرة النصية.
☆ملاحظات هامة:
  • الفرق بين وسم البداية والنهاية في العنصر نفسه علامة الشرطة /تسبق اسم العنصر.
  • اما العناصر ذات الوسم الواحد تكون علامة الشرطة بعد اسم العنصر.
  • العناصر التي تتكون من وسم ذاتي الاغلاق غالبا ما تحتوي علي معلومات وصفية.
  • تسمي وسوم html بعلامات html وتوصف هكذا
    وسم البداية = علامة البداية.
    وسم النهاية = علامة النهاية او علامة الاغلاق.
    وسم ذاتي الاغلاق = علامة ذاتية الاغلاق.
ماذا يحدث اذا كتبت وسوم html بالاحرف الكبيرة?

لن يحدث شئ، يمكن كتابة وسوم html بالحروف الكبيرة هكذا:-<HTML>او بالحروف الصغير هكذا:-<html> لا فرق فإن المتصفحات تقوم بتفسير الوسم ايا كانت الحروف، ولكن يوصي خبراء اللغة بكتابة الوسوم دائما بالحروف الصغيرة.

ماذا يحدث اذا نسيت وسم النهاية للعنصر؟

عندما تنسي علامة إغلاق العنصر وسم النهاية ،سيظل المتصفح يبحث عن نهاية العنصر واذا لم يجد وسم النهاية يقوم بضم العناصر التي تلي هذا العنصر للعنصر الذي تم نسيان وسم نهايته، وتبقي المشكله الاكبر اذا كان هذا العنصر مخصص هذا يعني سيتم تطبق التخصيص علي كل العناصر التي تلي العنصر، وهذا بدوره يؤدي الي ظهور العناصر التي تلي هذا العنصر بطريقة غير مطلوبة.

صفحة ويب بسيطة

نكتب صفحة ويب بسيطة مكونة من ثلاث عناصر وكل عنصر مكون من وسمين انظر ادناه

عنصر عنوان جانبي
<h3>صفحة ويب بسيطة</h3>
عنصر فقرة نصية 
<p>مرحبا بكم في صفحتي البسيطة</p>
عنصر رابط
<a href="www.mypage.com">رابط الصفحة</a>
<!DOCTYPE html>
 <html>
  <head> <head/>
   <body>
    <h3>صفحة ويب بسيطة</h3>
     <p>مرحبا بكم في صفحتي البسيطة</p>
     <a href="www.mypage.com">رابط الصفحة</a>
    
  <body/>

</html>
المعاينة الان تطبيق الامر مباشر في محرر html لنري كيف يتعامل المتصفح مع الامر

الخلاصة ☆:تعتبر وسوم html ذات أهمية قصوي في html فهي مجموعة من الاوامر التي تحدد للمتصفحات نوعية العنصر يتم تنفيذها عبر المتصفح ليعرض صفحة الويب بالطريقة المطلوبة

السابقالتالي