مرجع وسوم HTML
مرجع أبجدي لجميع وسوم HTML — 112 عنصر مع أوصاف سريعة.HTML5 يعلم الوسوم الجديدة في HTML5، مُهمل يعلم الوسوم المحذوفة أو المنصوح بتجنبها، قديم يعلم الوسوم القديمة.
| الوسم | الوصف |
|---|---|
! — خاص | |
| <!--...--> | يحدد تعليق HTML. المحتوى داخله مخفي عن المتصفح. |
| <!DOCTYPE> | يعلن نوع المستند. يخبر المتصفح بالعرض في وضع المعايير. |
A | |
| <a> | ينشئ رابط تشعبي إلى صفحة أخرى أو ملف أو عنوان بريد إلكتروني أو موقع داخل نفس الصفحة. |
| <abbr> | يعلم اختصارًا أو اختصارًا. سمة title توسيع المصطلح الكامل عند التمرير. |
| <acronym> مُهمل | حدد اختصارًا. غير مدعوم في HTML5 — استخدم <abbr> بدلاً من ذلك. |
| <address> | يوفر معلومات الاتصال للمؤلف أو مالك الصفحة أو المقال. يُعرض عادةً بخط مائل. |
| <area> | يحدد منطقة قابلة للنقر داخل خريطة صورة. يعمل مع <map> لإنشاءنقاط تفاعلية. |
| <article> HTML5 | يمثل قطعة محتوى مستقلة يمكن توزيعها بشكل مستقل — منشور مدونة، خبر، موضوع منتدى. |
| <aside> HTML5 | يحدد محتوى مرتبطًا بشكل جانبي بالمحتوى الرئيسي — أشرطة جانبية، صناديق استدعاء، اقتباسات. |
| <audio> HTML5 | يضمّن محتوى صوتي. يدعم صيغ MP3 و WAV و OGG مع احتياطي عبر <source>. |
B | |
| <b> | يجذب الانتباه إلى النص دون نقل أهمية إضافية. يُعرض كغامق افتراضيًا. |
| <base> | يحدد عنوان URL الأساسي لجميع الروابط النسبية في المستند. فقط <base> واحد لكل صفحة. |
| <bdi> HTML5 | يعزل مقطع نص قد يُنسق باتجاه كتابة مختلف. يمنع خلط النص ثنائي الاتجاه. |
| <bdo> | يتجاوز اتجاه النص الحالي. استخدم dir="rtl" أو dir="ltr" للتحكم في العرض. |
| <blockquote> | يمثل اقتباسًا طويلًا مأخوذًا من مصدر آخر. تضيف المتصفحات عادةً مسافة بادئة. |
| <body> | يحتوي على المحتوى المرئي لمستند HTML — النص والصور والجداول والنماذج وكل ما يراه المستخدم. |
| <br> | يدرج فاصل سطر. استخدم لفواصل سطرية قصيرة مثل العناوين أو القصائد، وليس للتباعد. |
| <button> | ينشئ زرًا قابلًا للنقر. يمكنه إرسال النماذج أو إعادة تعيين الحقول أو تشغيل JavaScript. |
C | |
| <canvas> HTML5 | يوفر منطقة قابلة للرسم يتحكم بها JavaScript. يُستخدم للرسومات والمخططات والرسوم المتحركة وعرض الألعاب. |
| <caption> | يضيف عنوانًا مرئيًا إلى جدول. يظهر دائمًا مباشرة بعد وسم الافتتاح <table>. |
| <cite> | يعلم عنوان عمل إبداعي — كتاب، مقال، أغنية، فيلم. يُعرض بخط مائل افتراضيًا. |
| <code> | يعرض جزءًا من كود الكمبيوتر. تعرضه المتصفحات بخط أحادي المسافة. |
| <col> | يحدد خصائص العمود داخل <colgroup>. مفيد لتطبيق عروض أو أنماط متسقة على أعمدة كاملة. |
| <colgroup> | يجمع عنصر <col> واحدًا أو أكثر لتطبيق التنسيق عبر أعمدة الجدول. |
D | |
| <data> HTML5 | يربط قطعة محتوى بقيمة قابلة للقراءة آليًا عبر سمة value. |
| <datalist> HTML5 | يوفر مجموعة من الخيارات المحددة مسبقًا لحقل <input>، مما يتيح اقتراحات الإكمال التلقائي أثناء الكتابة. |
| <dd> | يوفر الوصف أو القيمة لمصطلح في قائمة تعريف (<dl>). |
| <del> | يمثل نصًا تمت إزالته من المستند. تعرضه المتصفحات بخط يتوسطه. |
| <details> HTML5 | ينشئ أداة كشف تفاعلية يمكن للمستخدمين توسيعها أو طيها لكشف محتوى إضافي. |
| <dfn> | يعلم الحالة التعريفية لمصطلح. المصطلح نفسه يُعرض عادةً بخط مائل. |
| <dialog> HTML5 | يمثل صندوق حوار أو نافذة منبثقة تفاعلية. يمكن عرضها بشكل متزامن مع JavaScript. |
| <div> | الحاوية العامة من مستوى الكتلة. تُستخدم للتخطيط والتجميع عندما لا يناسب عنصر دلالي. |
| <dl> | ينشئ قائمة تعريف — قائمة من أزواج المصطلح-الوصف باستخدام <dt> و <dd>. |
| <dt> | يحدد مصطلحًا أو اسمًا في قائمة تعريف (<dl>). |
E | |
| <em> | يشير إلى التأكيد. يُعرض المحتوى عادةً بخط مائل — فكر فيه كضغط لفظي في جملة. |
| <embed> HTML5 | يضمّن محتوى خارجي مثل PDF أو إضافات المتصفح أو الوسائط التفاعلية مباشرة في الصفحة. |
F | |
| <fieldset> | يجمع عناصر تحكم النموذج ذات الصلة معًا، رسمًا حولها لوضوح بصري. |
| <figcaption> HTML5 | يوفر تسمية توضيحية أو أسطورة للمحتوى داخل عنصر <figure>. |
| <figure> HTML5 | يغلّف وسائط مستقلة — صور، مخططات، أجزاء شفرة، رسوم بيانية — غالبًا مقترنة بـ <figcaption>. |
| <footer> HTML5 | يحدد تذييل صفحة أو قسم — يحتوي عادةً على معلومات حقوق النشر والروابط وتفاصيل التأليف. |
| <form> | ينشئ نموذجًا تفاعليًا يجمع مدخلات المستخدم ويرسلها إلى خادم للمعالجة. |
| <frame> محذوف | عنصر إطار HTML4 قديم. أزيل في HTML5 — استخدم <iframe> بدلاً من ذلك. |
| <frameset> محذوف | حاوية إطار HTML4 قديمة. أزيلت في HTML5 — استخدم <iframe> بدلاً من ذلك. |
H | |
| <h1> - <h6> | عناوين من المستوى 1 (الأهم) إلى المستوى 6 (الأقل أهمية). تُستخدم لهيكلة محتوى الصفحة بشكل هرمي. |
| <head> | يحمل بيانات وصفية عن الصفحة — العنوان، مجموعة الأحرف، الأنماط، البرامج النصية، ومعلومات أخرى لا تُعرض مباشرة. |
| <header> HTML5 | يمثل محتوى تعريفي — روابط تنقل، شعارات، عناوين. يمكن استخدامه لكل صفحة أو لكل قسم. |
| <hgroup> HTML5 | يجمع مجموعة من العناوين (<h1>—<h6>) لمعاملتها كعنوان واحد مع عنوان فرعي. |
| <hr> | يرسم خطًا أفقيًا — فاصل مرئي بين أقسام المحتوى الموضوعية. |
| <html> | العنصر الجذر لمستند HTML. جميع العناصر الأخرى هي أحفاد هذا الوسم. |
I | |
| <i> | يشير إلى نص بصوت بديل — مصطلحات تقنية، عبارات أجنبية، أفكار. يُعرض بخط مائل. |
| <iframe> | يضمّن مستند HTML آخر بشكل مضمّن. يُستخدم لمقاطع الفيديو والخرائط والإعلانات والمحتوى الخارجي. |
| <img> | يضمّن صورة. يتطلب src (مسار الملف) و alt (وصف قابل للوصول). |
| <input> | عنصر تحكم النموذج الأكثر تنوعًا — يدعم أكثر من 20 نوعًا بما في ذلك النص وكلمة المرور والتاريخ والملف ومربع الاختيار والزر. |
| <ins> | يعلم نصًا تم إدراجه في المستند. تعرضه المتصفحات بخط تحته. |
K | |
| <kbd> | يمثل إدخال لوحة مفاتيح — المفاتيح التي يجب على المستخدم الضغط عليها. غالبًا ما يُعرض بخط أحادي المسافة. |
L | |
| <label> | يحدد تسمية لعنصر تحكم نموذج. النقر على التسمية يركز أو ينشط الإدخال المرتبط. |
| <legend> | يوفر تسمية توضيحية لمجموعة <fieldset>، واصفةً الغرض من عناصر التحكم المجمعة. |
| <li> | يمثل عنصرًا واحدًا في قائمة مرتبة (<ol>) أو غير مرتبة (<ul>). |
| <link> | يربط موارد خارجية — الأكثر شيوعًا أوراق الأنماط. يوضع داخل <head>. يُستخدم أيضًا لـ favicons والتحميل المسبق. |
M | |
| <main> HTML5 | يحدد المحتوى المهيمن للصفحة. يجب أن يكون هناك <main> واحد فقط لكل مستند. |
| <map> | يحدد خريطة صورة من جانب العميل — طريقة لأجزاء الصورة القابلة للنقر باستخدام وسوم <area>. |
| <mark> HTML5 | يبرز النص للمرجع أو الملاحظة — مثل قلم تحديد أصفر على صفحة مطبوعة. |
| <menu> HTML5 | يمثل مجموعة من الأوامر أو قائمة شريط أدوات. يمكن أن يحل محل <ul> لقوائم القوائم الدلالية. |
| <meta> | يحدد بيانات وصفية عن المستند — ترميز الأحرف، الوصف، إعدادات العرض، والمزيد. |
| <meter> | يعرض قياسًا قياسيًا ضمن نطاق معروف — استخدام القرص، استهلاك الذاكرة، درجة التقييم. |
N | |
| <nav> HTML5 | يحدد كتلة من روابط التنقل — القوائم الرئيسية، جدول المحتويات، فتات الخبز. |
| <noscript> | يوفر محتوى احتياطي يُعرض عندما يكون JavaScript معطلاً أو غير مدعوم في المتصفح. |
O | |
| <object> | يضمّن موارد خارجية — PDF، Flash (قديم)، أو إضافات أخرى. بديل إعلاني لـ <embed>. |
| <ol> | ينشئ قائمة مرتبة (مرقمة). كل عنصر مغلّف بـ <li>. |
| <optgroup> | يجمع عناصر <option> ذات الصلة داخل قائمة منسدلة <select> مع تسمية مرئية. |
| <option> | يمثل خيارًا واحدًا داخل <select> أو <datalist> أو <optgroup>. |
| <output> HTML5 | يعرض نتيجة حساب أو إجراء مستخدم — مثالي لتعليقات النموذج المباشرة. |
P | |
| <p> | يحدد فقرة نصية. حاوية النص الأكثر أساسية من مستوى الكتلة في HTML. |
| <param> | يحدد معاملات لعنصر <object>. يُستخدم مع إضافات قديمة مثل Flash. |
| <picture> HTML5 | يوفر بدائل صور متجاوبة بناءً على حجم الشاشة أو الدقة أو دعم الصيغة عبر عناصر <source> متعددة. |
| <pre> | يعرض نصًا مُنسقًا مسبقًا — يحافظ على المسافات وفواصل الأسطر. يُعرض بخط أحادي المسافة، مثالي لكتل الكود. |
| <progress> | يُظهر تقدم إكمال مهمة — تحميل ملف، خطوات نموذج، أو أي عملية جارية. |
Q | |
| <q> | يعلم اقتباسًا قصيرًا مضمّنًا. تضيف المتصفحات علامات اقتباس تلقائيًا حول المحتوى. |
R | |
| <rp> | يوفر أقواس احتياطية للمتصفحات التي لا تدعم تعليقات ruby. |
| <rt> | يحدد نص النطق أو التعليق في تعليق ruby (يُستخدم لطباعة شرق آسيا). |
| <ruby> | يغلّف تعليق ruby — نص إرشادي صغير فوق أو بجانب أحرف شرق آسيا للإشارة إلى النطق. |
S | |
| <s> | يمثل محتوى لم يعد دقيقًا أو ذا صلة. يُعرض بخط يتوسطه. |
| <samp> | يعرض عينة مخرجات من برنامج كمبيوتر. يُعرض بنوع أحادي المسافة. |
| <script> | يضمّن أو يشير إلى كود JavaScript قابل للتنفيذ. يمكن وضعه مضمّنًا أو مرتبطًا بملف خارجي. |
| <section> | يحدد تجميعًا موضوعيًا للمحتوى — فصول، لوحات تبويب، أو أي قسم متميز من صفحة. |
| <select> | ينشئ قائمة اختيار منسدلة. الخيارات محددة بعناصر <option>. |
| <slot> | عنصر نائب داخل مكون ويب يمكن ملؤه بتنسيق مخصص عند استخدام المكون. |
| <small> | يعرض تعليقات جانبية ونصًا صغيرًا — ملاحظات حقوق النشر، إخلاء المسؤولية، نص قانوني. تعرضه المتصفحات بحجم أصغر. |
| <source> | يحدد موارد وسائط متعددة لـ <audio> أو <video> أو <picture>. يختار المتصفح أول صيغة متوافقة. |
| <span> | الحاوية العامة المضمّنة. تُستخدم لتنسيق أو برمجة أجزاء صغيرة من النص دون تغيير تدفق المستند. |
| <strong> | يشير إلى أهمية قوية أو جدية أو إلحاح. تعرضه المتصفحات بخط غامق — أكثر أهمية من <b>. |
| <style> | يحتوي على قواعد CSS التي تنطبق مباشرة على الصفحة. يمكن تحديد نطاقها باستعلامات media. |
| <sub> | يعرض نصًا مخفضًا — منخفضًا تحت خط الأساس. يُستخدم في الصيغ الكيميائية (H₂O) والحواشي. |
| <summary> | يوفر العنوان المرئي لأداة طي <details>. النقر عليه يفتح أو يغلق التفاصيل. |
| <sup> | يعرض نصًا مرتفعًا — مرتفعًا فوق خط الأساس. يُستخدم عادةً للأرقام الترتيبية (1st) والأسس الرياضية. |
T | |
| <table> | ينشئ جدول HTML لعرض بيانات منظمة في صفوف وأعمدة. |
| <tbody> | يجمع صفوف جسم الجدول. يساعد في البنية الدلالية والتنسيق المستهدف. |
| <td> | يحدد خلية بيانات قياسية في جدول. يمكن أن يكون المحتوى نصًا أو صورًا أو عناصر HTML أخرى. |
| <template> | يخزن أجزاء HTML لا تُعرض فورًا. يمكن لـ JavaScript استنساخها وإدراجها لاحقًا. |
| <textarea> | ينشئ عنصر تحكم إدخال نص متعدد الأسطر. مفيد للتعليقات والرسائل وردود النماذج الأطول. |
| <tfoot> | يجمع صفوف تذييل الجدول — يُستخدم عادةً للملخصات أو المجاميع أو ملاحظات العمود. |
| <th> | يحدد خلية رأس في جدول. يُعرض غامقًا وموسّطًا افتراضيًا. يحسن إمكانية الوصول لقارئات الشاشة. |
| <thead> | يجمع صفوف رأس الجدول. يُجمع مع <tbody> و <tfoot> لبنية جدول دلالية. |
| <time> | يعلم وقتًا أو تاريخًا محددًا بتنسيق قابل للقراءة آليًا. يساعد محركات البحث في عرض مقتطفات الأحداث. |
| <title> | يحدد عنوان الصفحة المعروض في تبويب المتصفح. يُستخدم أيضًا كعنوان قابل للنقر في نتائج البحث. |
| <tr> | يحدد صفًا في جدول HTML. يحتوي على خلايا <th> أو <td>. |
| <track> | يضيف مسارات نصية موقوتة (ترجمات، تعليقات، أوصاف) إلى عناصر <video> أو <audio>. |
U | |
| <u> | يعرض نصًا بخط تحته. أصليًا للروابط، يُستخدم الآن لكلمات بها خطأ إملائي أو أسماء علم في الصينية/اليابية. |
| <ul> | ينشئ قائمة غير مرتبة (نقاط). كل عنصر مغلّف بـ <li>. |
V | |
| <var> | يمثل اسم متغير في تعبيرات رياضية أو كود برمجة. يُعرض عادةً بخط مائل. |
| <video> | يضمّن محتوى فيديو مباشرة في الصفحة. يدعم MP4 و WebM و OGG مع احتياطي عبر <source>. |
W | |
| <wbr> | يقترح نقطة فصل كلمة اختيارية. يخبر المتصفح أنه من المقبول كسر كلمة طويلة في هذا الموضع. |