HTML tfoot Tag

HTML tfoot Tag – يٌستخدم وسم <tfoot> لتجميع محتوى التذييل footer أو نهاية جدول HTML.

HTML tfoot Tag

يحتوى الوسم <tfoot> على مجموعة من الصفوف <tr>.

يُستخدم وسم <tfoot> مع وسمى:

<thead> لتحديد رأس الجدول
<tbody>: لتحديد محتوى نص الجدول

لتوفير معلومات دلالية مفيدة يمكن استخدامها عند العرض للشاشة أو الطباعة أو لأغراض إمكانية الوصول.

يجب استخدام عنصر <tfoot> داخل عنصر <table>، وبعد هذه العناصر:

<caption>
<colgroup>
<thead>
<tbody>

مثال للتوضيح

شغل إيدك

إستخدام وسم <tfoot> لتجميع تذييل footer الجدول:

Product	Price
Laptop	$1000
iPhone	$2000
Keyboard	$500
Total	$3500

<table>
    <thead>
        <tr>
            <th>Product</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Laptop</td>
            <td>$1000</td>
        </tr>
        <tr>
            <td>iPhone</td>
            <td>$2000</td>
        </tr>
        <tr>
            <td>Keyboard</td>
            <td>$500</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Total</td>
            <td>$3500</td>
        </tr>
    </tfoot>
</table>

Product	Price
Laptop	$1000
iPhone	$2000
Keyboard	$500
Total	$3500

لن تؤثر العناصر <thead> و <tbody> و <tfoot> على تخطيط الجدول افتراضيًا.

عند طباعة مستند ، تحدد العناصر <thead> و <tfoot> المعلومات التي قد تكون متطابقة أو على الأقل متشابهة جدًا في كل صفحة من جدول متعدد الصفحات ، بينما تختلف محتويات عنصر <tbody> بشكل عام عن صفحة إلى صفحة.