این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Headers در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Headers در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Headers در HTML
صفت headers صفتی است که با استفاده از آن میتوان یک یا چندین سلول ( Td ) را که مرتبط با ستون ( Th ) های جدول می باشند بهمدیگه وصل کرد.
این صفت هیچ حالت ظاهری نداره و کاربر چیزی رو به چشم در خروجی مشاهده نمیکنه، کاربرد این صفت فقط و برای خوده مرورگرها و موتورهای جستجوگر می باشد، یعنی میتونه به موتورهای جستجوگر بفهمونه که مثلا فلان 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> <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">Sadegh.Asadi2@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 17 18 19 20 21 22 23 24 25 26 27 28 |
<body> <table> <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> <tr> <td>صادق</td> <td>اسدی</td> <td>0912-123-4567</td> <td>Sadegh.Asadi2@gmail.com</td> </tr> <tr> <td>صادق</td> <td>اسدی</td> <td>0912-123-4567</td> <td>Sadegh.Asadi2@gmail.com</td> </tr> </table> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت headers در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| td | بله | بله | بله | بله | بله |
| th | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 |
<td headers="Header_ID"> <th headers="Header_ID"> |
Free-Learn
جدول مقادیر صفت Headers در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Header_ID | یک یا چندین شناسه یا ID سلول های جدول برای مشخص کردن چندین مورد باید بینشون فاصله گذاشت |
Free-Learn
نکات و توضیحات
- مقداری که در این صفت قرار میگیرد در واقع نام ID هایی است که درون تگ Th ( سرستون های جدول ) ایجاد می شوند.
