انتقال سمات جدول HTML5

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

حشو الخلايا:

استبدل حشو الخلايا بخاصية حشو CSS المطبقة على خلايا الجدول (

و). على سبيل المثال:

th, td {
  padding: 5px;
}

تباعد الخلايا:

استبدل تباعد الخلايا بخصائص طي الحدود وتباعد الحدود في CSS المطبقة على الجدول. border-collapse: منفصل و border-spacing: 5px سيخلق 5px من التباعد بين خلايا الجدول. طي الحدود: الانهيار وتباعد الحدود: 0 سيزيل كل التباعد بين الخلايا.

المحاذاة العمودية:

استبدل valign بمحاذاة عمودية CSS مطبقة على خلايا الجدول . محاذاة عمودية: سيقوم الجزء العلوي بمحاذاة محتوى الخلية إلى أعلى الخلية.

المحاذاة الأفقية (المركز):

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