آموزش صفت Headers در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Headers در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Headers در HTML
صفت headers
صفتی است که با استفاده از آن میتوان یک یا چندین سلول (Td) را که مرتبط با هدر (Th) جدول می باشند را ایجاد کرد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<th> | <td> |
Free-Learn
مثال از صفت Headers در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Td
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<body> <table style="width:100%"> <tr> <th id="name">Name</th> <th id="family">Family</th> <th id="email">Email</th> <th id="address">Address</th> </tr> <tr> <td headers="name">Sadegh</td> <td headers="family">Asadi</td> <td headers="email">FreeLearn20181@gmail.com</td> <td headers="address">Iran,Yasuj</td> </tr> </table> </body> |
مثال شماره ۲ : استفاده در تگ Th
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<body> <table style="width:100%"> <tr> <th id="name" colspan="2">اطلاعات شخصی</th> <th id="contact" colspan="2">تماس</th> </tr> <tr> <th headers="name">نام</th> <th headers="name">فامیلی</th> <th headers="contact">تلفن</th> <th headers="contact">ایمیل</th> </tr> </table> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت headers
در HTML پشتیبانی میکنند یا خیر.
نام تگ | Chrome | Firefox | Opera | Safari | IE |
td | بله | بله | بله | بله | بله |
th | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
این صفت در مرورگرها هیچ حالت بصری که قابل دیدن باشه توسط کاربران , را ایجاد نمی کند فقط میتوان آن را بصورت نمایشی (خواننده صفحه نمایش) مشاهده نمود.
مقداری که در این صفت قرار میگیرد در واقع نام آی دی (ID) هایی است که درون تگ Th (هدر جدول) ایجاد می شوند.