התג <tfoot> ב - HTML5

התג <tfoot> ישמש אותנו כדי לאגד בתוכו את כל המידע המצוי בשורת הסיכום של טבלה. בדרך כלל כאשר משתמשים בתג זה נעשה שימוש גם בתג <tbody> שמאגד בתוכו את כל המידע המצוי בגוף הטבלה ובתג <thead> המאגד בתוכו את שורת הכותרת של הטבלה.

דוגמת קוד לשימוש בתג <tfoot>

<table>
<thead>
<tr>
<th>Product</th>
<th>Sales</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Total sales</td>
<td>8,500</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Prod 1</td>
<td>1,000</td>
</tr>
<tr>
<td>Prod 2</td>
<td>7,500</td>
</tr>
</tbody>
</table>

 

ההבדלים בין גרסה 5 לגרסה 4.1

בגרסה 5 בוטלו כל המאפיינים המיוחדים לתג זה כגון: align, char, charoff, valign.

מאפיינים (Attributes)

תג זה תומך בכל המאפיינים הסטנדרטיים ב - HTML 5 ומלבד זאת אינו בעל מאפיינים ייחודיים.

רשימת המאפיינים הסטנדרטיים ב - HTML 5:

accesskey draggable style
class hidden tabindex
contenteditable id title
contextmenu lang
dir spellcheck

אירועים (Events)

תג זה תומך בכל האירועים הסטנדרטיים ב - HTML 5. אין אירועים מיוחדים לתג זה.

רשימת האירועים הסטנדרטיים ב - HTML5

onabort onerror* onmousewheel
onblur* onfocus* onpause
oncanplay onformchange onplay
oncanplaythrough onforminput onplaying
onchange oninput onprogress
onclick oninvalid onratechange
oncontextmenu onkeydown onreadystatechange
ondblclick onkeypress onscroll
ondrag onkeyup onseeked
ondragend onload* onseeking
ondragenter onloadeddata onselect
ondragleave onloadedmetadata onshow
ondragover onloadstart onstalled
ondragstart onmousedown onsubmit
ondrop onmousemove onsuspend
ondurationchange onmouseout ontimeupdate
onemptied onmouseover onvolumechange
onended onmouseup onwaiting

מדריכים רלוונטיים נוספים

המדריך לשימוש בטבלאות ב - HTML5

המדריך לעיצוב טבלאות בעזרת קוד CSS


 
© 2010-2013  www.Devschool.co.il | מדיניות פרטיות | מדיניות שימוש