وسوم لها معنى

الصفحة المبنية من div وحدها تبدو سليمة لمن يراها، لكن قارئ الشاشة لا يجد فيها ما يدلّه، فلا يعرف أين روابط التنقّل ولا أين المحتوى. أما العناصر الدلالية (semantic) فاسم كل منها يدلّ على دوره، مثل header وnav وmain وarticle وfooter.

وكل واحد منها معلَم (landmark) يستطيع مستخدم قارئ الشاشة أن ينتقل إليه مباشرة، ويفهمه محرّك البحث، ويفهمه المطوّر الذي يعمل على الكود بعدك دون تخمين. ولن يتغيّر شكل الصفحة، لأن الصنف يبقى للتنسيق والوسم يبقى للمعنى.

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