سمات جدول HTML5: الإهمال واستبدال CSS

تم إهمال العديد من السمات التي كانت شائعة الاستخدام لتصميم جداول HTML في HTML5، بما في ذلك لوحة الخلايا ، تباعد الخلايا، فالين، ومحاذاة. تم إجراء هذا التغيير لتحديث تطوير الويب وتعزيز الالتزام الأكثر صرامة بمعايير HTML5.

في Visual Studio، قد تتلقى تحذيرات تشير إلى أن هذه السمات لم تعد صالحة في HTML5. لمعالجة هذه التحذيرات، يمكنك استبدالها بخصائص CSS المناسبة. وإليك الطريقة:

1. حشوة الخلية (الحشوة)

th, td {
  padding: 5px;
}

2. تباعد الخلايا (الحدود)

table {
  border-collapse: separate;
  border-spacing: 5px; /* cellspacing="5" */
}

table {
  border-collapse: collapse;
  border-spacing: 0; /* cellspacing="0" */
}

3. Valign (محاذاة رأسية)

th, td {
  vertical-align: top;
}

4. محاذاة (الهامش)

table {
  margin: 0 auto; /* align center */
}