الثلاثاء، 12 يونيو، 2007

ما الفرق بين tag والكلمات الأخرى؟

عندما تقرأ عن HTML في المواقع الأجنبية ستمر بثلاث كلمات لها معاني مختلفة لكنها متقاربة، وهي tag وattribute وelement، وهي تسبب الكثير من سوء الفهم لأن المواقع لا تشرح بشكل جيد ما الفرق بين هذه الثلاثة.

معظم أوامر HTML لها أسلوب موحد في كتابتها، مثال:

<p>هذه فقرة هنا.</p>

كل أوامر HTML تبدأ بعلامة أصغر من ">" ثم الأمر، وهنا كتبت أمر p والذي يعني paragraph أو فقرة، ثم وضعنا علامة أكبر من "<"، هذا الأمر يسمى وسم وهو وسم البداية، ثم وضعنا محتويات الفقرة، بعد ذلك كررنا نفس الأمر الذي وضعناه في البداية مع إضافة علامة / قبل الأمر وهذا يسمى وسم النهاية.

أمر HTML يسمى tag وترجمته إلى العربية هي "وسم" لكنني غير مقتنع بها وأظن أننا قادرون على إيجاد بديل أفضل، حتى ذلك الوقت سأستخدم كلمة وسم.

في المثال وضعنا وسم البداية "start tag" ثم المحتويات ثم وسم النهاية "end tag" ومن بينهما المحتويات، كل هذا يسمى element.

ماذا عن attribute؟ لنعد إلى المثال الأول، سنضيف إليه ما يسمى attribute:

<p class="xyz">هذه فقرة هنا</p>

يمكن ترجمة attribute إلى خاصية، وهنا استخدمنا خاصية تسمى class ثم وضعنا لها قيمة xyz، بالطبع هناك العديد من الخصائص في HTML وهذا مجرد مثال فقط.

لنلخص الموضوع:

  • كلمة tag تعني وسم، وهي أوامر HTML والتي تكون بهذا الشكل <p> في البداية وبهذا الشكل </p> في النهاية.
  • كلمة elements وتعني بترجمة حرفية "عنصر" تشمل وسم البداية ووسم النهاية والمحتويات بينهما.
  • أما attribute فهي الخصائص التي قد يحويها أي وسم.

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

تحديث: هذه صورة توضح كل ما تكلمت عنه في هذا الموضوع، والشكر للأخ أيمن:

صورة توضيحية لعناصر HTML