وسوم لها معنى

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

كل واحد منها معلَم يقفز إليه مستخدم قارئ الشاشة مباشرة، ويفهمه محرّك البحث، ويقرؤه المطوّر بعدك بلا تخمين. والشكل لا يتغيّر: الصنف يبقى للتنسيق، والوسم للمعنى.

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