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