مصمم - مدونة تصميم وتطوير المواقع العربية

لغة توصيف النص التشعبي (بالنجليزية: Hypertext Markup Language) هي اللغة الأساسية المستخدمة لكتابة مستندات الويب. كأي لغة، نص التوصيف له عناصر تطلق عليها مسميات معينة، وبالتأكيد هذه المسميات تعبر عن استخدامات معين.

اليوم سنتكلم عن نص التوصيف الدلالي وفوائد كتابة لغة توصيف بطريقة دلالية، بالإضافة إلى نصائح لكتابته بطريقة أفضل.

استخدم العناصر كما هي مقصودة

لأن لكل عنصر من عناصر التوصيف اسم، يجب أن نستخدم العنصر اسخداماً صحيحاً كما يعبر عنه اسمه. السبب وراء ذلك هو أن المتصفحات تفهم كل عنصر بطريقة فريدة، والـscreen readers التي يستخدمها أصحاب حالات العجز تقرأ مستند الويب حسب العناصر. لذلك، يجب أن يعبر كل عنصر تستخدمه عمّا يحتويه.

لا تستخدم الجداول للتخطيط والتصميم

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

مراعاة ترتيب بدء وانتهاء العناصر المتداخلة

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

افصل المحتوى عن التصميم

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