تأشيرات الهتمل

(و سيتم استخدام الأمر و التاشيرة بنفس المعنى في هذه السلسلة)

مثال:

نلاحظ أن التأشيرة center محصورة بين علامتي <  و   >

مثال:

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

إن الفرق بين الأمر في أول السطر على اليسار، و الأمر في نهاية السطر على اليمين هو علامة /كما ترون. و هذه العلامة تعني أن هذه التأشيرة تأشيرة إغلاقية لتأشيرة سابقة تقوم بالتأثير على ما بينهما.

لاحظ معي أيضاً أن النص الأبيض الذي يسبق التأشيرة، و الذي يلي التأشيرة الإغلاقية لن يتم توسيطه في حال استعرضت الملف في المتصفّح، لأنهما لا يتأثران بتأشيرة التوسيط.

في المقابل لو نسيت التأشيرة الإغلاقية  سيتم توسيط كل ما يلي، لأن مفعول تأشيرة التوسيط لا ينتهي إلا عند التأشيرة الإغلاقية لها.

معظم تأشيرات الهتمل مزدوجة (أي أن لها تأشيرة إغلاقية). و لكن توجد بعض التأشيرات مفردة.

أي أن التأشيرة يكون لها مجموعة من الخصائص التي يستطيع المبرمج أن يقوم بتخصيصها و إعطائها قيماً. بعض التأشيرات تكون بعض خصائصها إجبارية. و بعض التأشيرات تكون جميع خصائصها اختيارية.
مثال:

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

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

يمكن لتأشيرات الهتمل أن يكون لها أكثر من خاصية. كما في المثال التالي:

نجد اننا وجدا خاصية الـ widthو هي تعني عرض الصورة. و خاصية الـ height و هي تعني طول الصورة. و قد حددنا لك منهما القيمة المناسبة.

لاحظ أن الخصائص تكون في داخل علامتي التأشيرة < و > . و لا توجد خصائص لتأشيرات الإغلاق.

لاحظ أن علامات التنصيص اختيارية حول قيم الخصائص. و هي تكون اجبارية في حالات معيّنة فقط. و لكن للتعوّد، يستحسن أن تضع علامات تنصيص حول القيم دائماً :-)