دليل مرجعي لـ HTML

كامل علامات HTML

علامة HTML: <center>علامة HTML: <canvas>

علامة HTML: <caption>

علامة <caption> في HTML تعرف عنوان الجدول. تقليديًا، يعرض المتصفح النص الموجود في علامة <caption> الموجودة في أعلى الجدول، ولكن يمكنك تغيير هذا السلوك باستخدام خاصية caption-side في CSS. وتُدعى هذه العلامة أيضًا عنصر <caption>.

عنصر <caption> في HTML (أو عنصر عنوان الجدول في HTML) يعرض عنوان الجدول، وهو غالبًا يظهر كأول عنصر فرعي لـ <table>، ويظهر في بداية محتوى الجدول، ولكن، يمكن أيضًا تخصيصه باستخدام سكينر، لذا يمكن أن يظهر في أي موقع يتعلق بالجدول.

مثال على الإنترنت

جدول يحتوي على عنوان

مثال

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>موقع تعليمي أساسي (oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<caption>هذا هو نص العنوان للجدول</caption>
　　<tr>
　　　　<th>عنوان العمود 1</th>
　　　　<th>عنوان العمود 2</th>
　　　　<th>عنوان العمود 3</th>
　　</tr>
　　<tr>
　　　　<td>بيانات في العمود 1، السطر 2</td>
　　　　<td>بيانات في العمود 2، السطر 2</td>
　　　　<td>بيانات في العمود 3، السطر 2</td>
　　</tr>
　　<tr>
　　　　<td>بيانات في العمود 1، السطر 3</td>
　　　　<td>بيانات في العمود 2، السطر 3</td>
　　　　<td>بيانات في العمود 3، السطر 3</td>
　　</tr>
　　<tr>
　　　　<td>بيانات في العمود 1، السطر 4</td>
　　　　<td>بيانات في العمود 2، السطر 4</td>
　　　　<td>بيانات في العمود 3، السطر 4</td>
　　</tr>
</table>
</body>
</html>

اختبار ل‹/›

في هذا مثال على مستند HTML5، نستخدم علامة <table> لإنشاء جدول.<first> العلامة الأولى هي <caption>. ثم يكون الجدول يحتوي على 3 أعمدة و4 أسطر. السطر الأول للجدول هو باستخدام علامة <tr> الأولى. إنه يحتوي على 3 خلايا عنوان مستخدمة علامة <th> لتحديد. الأسطر من 2 إلى 4 للجدول تستخدم علامة <td> لتحديد خلايا الجدول القياسية.

توافق المتصفحات

IEFirefoxOperaChromeSafari

كل المتصفحات الشائعة تدعم علامة <caption>.

تعريف العلامة واستخدام التعليمات

عنصر <caption> في HTML يوجد داخل علامة <body>.
علامة <caption> تظهر كأول علامة بعد علامة <table>.

<table> العلامة مكونة من علامات <tr>، <th> و <td>.

معظم المتصفحات ستعرض <caption> العلامة أعلى الجدول، ولكن يمكنك تغيير هذا السلوك باستخدام خاصية CSS caption-side.

<caption> العلامة تعريف عنوان الجدول

يجب وضع <caption> العلامة مباشرة بعد <table> العلامة

ملاحظة: يمكن تحديد عنوان جدول واحد فقط

ملاحظة: بشكل افتراضي، سيكون عنوان الجدول متوسطًا في أعلى الجدول. ولكن يمكن استخدام خصائص CSS text-align و caption-side لتعديل التوجيه والوضع

الفرق بين HTML 4.01 و HTML5

تم إزالة خاصية align من HTML5.

الخصائص

الخصائص	القيمة	وصف
align	left right top bottom	لا يدعم HTML5. تم إزالة HTML 4.01. 　　يحدد طريقة تطبيق العنوان يمكن أن يكون هذا القيمة واحدة من بينها: left - يعني أن العنوان يظهر في الجدول top - يعني أن العنوان يظهر في الجدول right - يعني أن العنوان يظهر في الجدول bottom - يعني أن العنوان يظهر تحت الطرف السفلي للجدول

خصائص العالمية

دعم <caption> العلامة خصائص العالمية في HTML.

خصائص الأحداث

دعم <caption> العلامة خصائص الأحداث في HTML.

علامة HTML: <center>علامة HTML: <canvas>