استنادًا إلى بعض ممارساتي الحديثة وبعد التواصل مع بعض القراء حول استخدام نماذج HTML ، قررت كتابة هذا المقال. بشكل عام ، لاحظت أن لديهم اشمئزازًا مسبقًا من استخدام الجداول بسبب المعلومات المضللة. في الواقع ، سيقول الكثير من الناس أنني أرى البيان الذي لا ينبغي علي استخدام النماذج أبدًا ، لكن هذا خاطئ تمامًا! هذا الاقتراح هو فقط لاستخدام جداول HTML لتحديد تخطيط صفحة الويب ، ولكن الجداول مثالية لترتيب ملائم للصفوف والأعمدة من معلومات البيانات ، وإذا كان عليك عرض بيانات عمود الجدول على صفحة ، فعليك استخدامها! ولم لا؟ ومع ذلك ، في هذه الحالة ، يتجاهل بعض الأشخاص وجود بعض علامات HTML المستخدمة للجداول ولا يعرفون كيفية استخدامها بشكل صحيح.
HTML لديه 10 علامات متعلقة بالجدول. فيما يلي قائمة بمقدمة ، ولكن أولاً ، يجب تحديد المستند بشكل صحيح أدناه HTML 4.01/XHTML 1 أو HTML 5:
هيكل الجدول الأساسي كما يلي:
أنه يحتوي على عنوان ورأس وجسم وأسفل. الترتيب الصحيح لعناصر HTML هو:
يمكنك أيضًا استخدام <oll> و <colgroup> لتحديد أعمدة الجداول أو أعمدة المجموعة:
فيما يلي مثال صحيح على بنية الجدول:
<table border = 1> <Caption> Caption Table هنا </caption> <colgroup span = 1 style = background: #dedede ؛/> <colgroup span = 2 style = background: #efefef ؛/> <!-table header-> <thead> <tr> <tr> head 1 </th> head 2 </th> </th> تذييل-> <tfoot> <tr> <td> foot 1 </td> <td> foot 2 </td> <td> foot 3 </td> </tfoot> <!-جدول الجدول-> <tbody> <tr> <td> a </td> <td> b </td> <td> c </td> </tr> <tr> <td> d </td> <td> e </td> <td> f </td> </tbody </tbody> </table>
يتم عرض النتائج في المتصفح في الشكل أدناه:
من أجل إدراك نموذج تطوير الأداء وفصل الهيكل الذي دعا إليه الآن ، توصي الملاحظة الأمامية بأن يتم التحكم في جميع الأشياء المتعلقة بطبقة العرض التقديمي في الصفحة بواسطة CSS ، ولا تستخدم السمات التي توفرها HTML للتحكم في أداء الصفحة ، والجدول هو الأسهل الذي يتم تجاهله.
لمزيد من التفاصيل حول الجداول ، يرجى التحقق من وثائق W3C: W3 مقدمة إلى الجداول
أخيرًا ، سأترك سؤالًا بسيطًا جدًا لك. ما هي السمة من CSS تعادل سمة الجدول من cellpadding؟