این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ tfoot در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ tfoot در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Tfoot در HTML
تگ tfoot که از کلمه Table Footer گرفته شده ، تگی است که در درون تگ Table قرار میگیرد و با استفاده از آن میتوان فوتر ( پایینی ترین قسمت یک جدول ) را تعریف و یا ایجاد کرد.
علاوه بر تگ Tfoot ما ۲ تگ دیگه به نام های Thead و Tbody هم داریم، که تگ Tbody برای ایجاد بدنه اصلی جدول ( بصورت ثابت ) می باشد و تگ Thead نیز برای تعریف هدر ( بصورت ثابت ) می باشد.
Free-Learn
مثال از تگ tfoot در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 |
<tfoot> <tr> <td colspan="2">مجموع کالا : 4</td> <td>مجموع : 530,000 هزارتومان</td> </tr> </tfoot> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ tfoot در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ tfoot از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- تگ
tfootباید حداقل دارای یک ( ۱ عدد ) تگ tr ( جهت نمایش محتوا ) باشد
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ tfoot را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 5 |
tfoot { display: table-footer-group; vertical-align: middle; border-color: inherit; } |
