الفرق بين المراجعتين ل"HTML/thead"
ط (تغيير ترتيب التصنيفات) |
|||
سطر 133: | سطر 133: | ||
*مواصفة [http://www.w3.org/TR/html5/tabular-data.html#the-thead-element HTML5]. | *مواصفة [http://www.w3.org/TR/html5/tabular-data.html#the-thead-element HTML5]. | ||
*مواصفة [https://www.w3.org/TR/html4/struct/tables.html#h-11.2.3 HTML 4.01]. | *مواصفة [https://www.w3.org/TR/html4/struct/tables.html#h-11.2.3 HTML 4.01]. | ||
− | |||
− | |||
[[تصنيف:HTML]] | [[تصنيف:HTML]] | ||
[[تصنيف:HTML Elements]] | [[تصنيف:HTML Elements]] | ||
+ | [[تصنيف:Table]] |
مراجعة 09:19، 27 يناير 2018
يُعرِّف العنصر <thead>
مجموعةً من الأسطر التي تُمثِّل ترويسةً لأعمدة العنصر <table>
.
مثال عن جدول فيه ثلاثة أقسام: ترويسة (عبر العنصر <thead>
)، وجسم (عبر العنصر <tbody>
)، وتذييل (عبر العنصر <tfoot>
):
<table>
<thead>
<tr>
<th>Header content 1</th>
<th>Header content 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body content 1</td>
<td>Body content 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer content 1</td>
<td>Footer content 2</td>
</tr>
</tfoot>
</table>
لأمثلة أخرى عن هذا العنصر، راجع صفحة العنصر <table>
.
تصنيفات المحتوى | لا يوجد. |
---|---|
المحتوى المسموح | العنصر <tr> صفر مرة أو أكثر.
|
الوسم المختصر | لا يجوز أن يُحذَف وسم البداية.
يمكن حذف وسم النهاية للعنصر |
العناصر الأب | العنصر <table> ، ويجب أن يكون العنصر <thead> بعد أيّ عناصر <caption> أو <colgroup> ، لكن قبل عناصر <tbody> و <tfoot> و <tr> .
|
واجهة DOM | HTMLTableSectionElement
|
دعم المتصفحات
Chrome | Firefox | Edge | Safari | Opera |
---|---|---|---|---|
مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
align
تُستخدم هذه الخاصية لتحديد كيف تكون محاذاة كل خلية من خلايا المجموعة، وتقبل إحدى القيم الآتية:
left
: عرض المحتوى على يسار الخليةcenter
: توسيط المحتوى في الخليةright
: عرض المحتوى على يمين الخليةjustify
: عرض المحتوى ملء السطر.
يجدر بالذكر أنَّ هذه الخاصية أهملت في HTML 4 وحُذِفَت في HTML5، ولا يجوز استخدامها وإنما يجب التنسيق باستخدام CSS، عبر إسناد إحدى القيم left
أو center
أو right
أو justify
إلى الخاصية text-align
.
bgcolor
تُعرِّف هذه الخاصية لون الخلفية لكل خلية في المجموعة، ويمكن أن تقبل هذه الخاصية القيم الست عشرية للألوان بنظام sRGB، ويسبقها المحرف #
. يمكن استخدام أسماء الألوان الآتية المُعرَّفة مسبقًا:
black = "#000000" |
green = "#008000" |
||
silver = "#C0C0C0" |
lime = "#00FF00" |
||
gray = "#808080" |
olive = "#808000" |
||
white = "#FFFFFF" |
yellow = "#FFFF00" |
||
maroon = "#800000" |
navy = "#000080" |
||
red = "#FF0000" |
blue = "#0000FF" |
||
purple = "#800080" |
teal = "#008080" |
||
fuchsia = "#FF00FF" |
aqua = "#00FFFF" |
يجدر بالذكر أنَّ هذه الخاصية ليست قياسية، ولا تستعملها إلا بعض إصدارات Internet Explorer، وإنما يجب تنسيق العنصر <thead>
باستخدام CSS؛ ويمكن تطبيق تأثير مشابه لهذه الخاصية عبر استخدام خاصية backgournd-color
على خلايا <td>
أو <th>
الملائمة.
valign
تُستخدم هذه الخاصية لتحديد كيف تكون المحاذاة الرأسية كل خلية من المجموعة، وتقبل إحدى القيم الآتية:
baseline
: عرض المحتوى أقرب ما يمكن إلى أسفل الخلية، لكن ستكون المحاذاة على خط الأساس (baseline) للمحارف بدلًا من أسفلها، ولو كان للمحارف نفس الحجم فسيكون لهذه القيمة نفس تأثير القيمةbottom
.bottom
: عرض المحتوى أقرب ما يمكن إلى أسفل الخلية.middle
: توسيط النص في الخلية رأسيًا.top
: عرض المحتوى أقرب ما يمكن إلى أعلى الخلية.
يجدر بالذكر أنَّ هذه الخاصية أهملت في HTML 4 وحُذِفَت في HTML5، ولا يجوز استخدامها وإنما يجب التنسيق باستخدام CSS عبر الخاصية vertical-align
.
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01.