مرجع وسوم HTML

آخر تحديث: 2026-09-12

مرجع وسوم HTML

قائمة أبجدية من 116 عنصر HTML مع وصف مختصر.

! — خاص
<!DOCTYPE>	يعلن نوع المستند ليجعل المتصفح يحلل الصفحة بالوضع القياسي
<!--...-->	يعرّف تعليق HTML؛ لا تعرض المتصفحات محتواه
سمات عامة	سمات عامة قابلة للاستخدام على جميع عناصر HTML
سمات الأحداث	سمات أحداث قابلة للاستخدام على جميع عناصر HTML
A
<a>	يحدد عنصر `<a>` (المرساة) ارتباطًا تشعبيًا.
<abbr>	يمثل اختصارًا أو حرفًا مركبًا؛ اقرنه بخاصية title لعرض الصيغة الكاملة.
<acronym>	يمثل حرفًا مركبًا (مثل NASA أو HTML) وقد يعرض التوسعة الكاملة عبر title.
<address>	يمثل معلومات الاتصال لأقرب article أو body، مثل اسم المؤلف أو البريد الإلكتروني أو العنوان.
<area>	يعرّف منطقة قابلة للنقر (مستطيل أو دائرة أو مضلع) داخل <map>؛ كل area يحدد الشكل والإحداثيات والرابط الهدف.
<article>	يمثل جزءًا مستقلًا قابلاً للتوزيع من المحتوى، مثل مقال إخباري أو تدوينة أو تعليق أو بطاقة.
<aside>	يمثل محتوى مرتبطًا بشكل جانبي بالمحتوى الرئيسي، مثل شريط جانبي أو ملاحظة أو اقتباس أو إعلان.
<audio>	يضم مشغلًا صوتيًا؛ غالبًا ما يُقرن بـ source لتنسيقات متعددة لضمان التوافق.
B
<b>	يعرض النص بخط عريض دون أهمية أو تأكيد إضافي، ويُستخدم فقط للتمايز البصري (مثل الكلمات المفتاحية وأسماء المنتجات).
<base>	يحدد عنوان URL الأساسي الافتراضي أو الهدف الافتراضي لجميع الروابط النسبية؛ مرة واحدة كحد أقصى لكل مستند، قبل أي عنصر يحمل عنوان URL.
<bdi>	عزل ثنائي الاتجاه: يعامل نصه كقطعة اتجاه مستقلة، متجنبًا تلوث الاتجاه المختلط.
<bdo>	تجاوز ثنائي الاتجاه: يفرض اتجاه النص عبر dir، مثل عرض الإنجليزية من اليمين إلى اليسار.
<blockquote>	يمثل اقتباسًا على مستوى الكتلة (مختلفًا عن q المضمّن)، مع إمكانية ذكر المصدر.
<body>	جسم المستند الذي يحمل كل ما يراه المستخدم: النصوص والصور والنماذج وغيرها.
<br>	عنصر <br> (فاصل الأسطر) يُدرج فاصل سطر في النص.
<button>	عنصر <button> ينشئ زرًا قابلًا للنقر.
C
<canvas>	يرسم الرسوميات والحركة والمخططات عبر JavaScript (2D أو WebGL)؛ الوسم مجرد لوحة فارغة يملؤها السكربت.
<caption>	عنوان الجدول، يجب أن يكون أول طفل للجدول ويظهر أعلاه افتراضيًا.
<cite>	يميز عنوان عمل (كتاب أو مقال أو فيلم أو أغنية)؛ يُعرض بخط مائل افتراضيًا.
<code>	يميز مقطعًا من كود الحاسوب، يُعرض بخط أحادي المسافة افتراضيًا.
<col>	يعرّف عمود جدول، عادة داخل colgroup، لتنسيق العمود كله دفعة واحدة أو مدّه.
<colgroup>	حاوية تجمع أعمدة الجدول، تغلف عناصر col لتعريف أنماط الأعمدة دفعة واحدة.
D
<data>	يربط نصًا مرئيًا بقيمة قابلة للقراءة آليًا، مثل اسم منتج مع سعره أو كوده.
<datalist>	يقدم قائمة بالقيم المقترحة لإدخال (مع تلميح قائمة منسدلة) مع السماح بالكتابة الحرة؛ اقرنه بخاصية list في input.
<dd>	الوصف/القيمة المقابلة لـ dt في قائمة الوصف.
<del>	يمثل نصًا حُذف من المستند، يُعرض بخط مشطوب افتراضيًا.
<details>	يمثل أداة كشف قابلة للفتح/الإغلاق بالنقر على summary الخاص بها.
<dfn>	يميز الموضع التعريفي لمصطلح، عادةً أول ظهور له في المستند.
<dialog>	يمثل صندوق حوار أو نافذة منبثقة، يُفتح عبر showModal() أو show() في JavaScript.
<div>	عنصر <div> (تقسيم) هو حاوية كتلية عامة بلا معنى دلالي.
<dl>	قائمة وصف (أزواج مصطلح-وصف)، تُستخدم للمصطلحات أو بيانات المفتاح-القيمة.
<dt>	مصطلح/اسم في قائمة الوصف، يليه عادةً dd واحد أو أكثر.
E
<em>	يميز نصًا للتأكيد، يُعرض بخط مائل افتراضيًا.
<embed>	عنصر فارغ يضم موارد خارجية (إضافات أو SVG أو PDF)؛ نسخة مبسطة من object، استُبدل إلى حد كبير.
F
<fieldset>	يجمّع عناصر النماذج المرتبطة ويعرض legend اختياريًا، محسنًا القراءة وإمكانية الوصول.
<figcaption>	يقدم تسمية توضيحية لـ figure؛ يجب أن يكون أول أو آخر طفل لعنصر figure.
<figure>	يمثل محتوى تدفقيًا مستقلًا، غالبًا مع figcaption، يُستخدم للصور والمخططات والكود والأمثلة.
<footer>	يمثل تذييل أقرب محتوى مقسّم أو العنصر الجذر، عادةً المؤلف أو حقوق النشر أو جهة الاتصال أو روابط ذات صلة.
<form>	عنصر <form> هو حاوية جمع بيانات المستخدم وإرسالها.
<frame>	يعرّف نافذة فرعية مستقلة داخل <frameset> تحمّل صفحة أخرى.
<frameset>	يقسم نافذة المتصفح إلى نوافذ فرعية متعددة (frame) مرتبة عبر rows/cols.
H
<h1>	عنصر <h1> هو عنوان المستوى الأول، وهو أهم عنوان في الصفحة.
<h2>	عنصر <h2> هو عنوان المستوى الثاني يُستخدم لعناوين الأقسام الرئيسية، وعادةً ما يتبع <h1>.
<h3>	عنصر <h3> هو عنوان المستوى الثالث يُستخدم تحت <h2> للأقسام الفرعية، لتنظيم بنية محتوى أدق.
<h4>	عنصر <h4> هو عنوان المستوى الرابع تحت <h3>، شائع في بنيات المستندات الأعمق.
<h5>	عنصر <h5> هو عنوان المستوى الخامس، مستوى أعمق في هرم العناوين.
<h6>	عنصر <h6> هو عنوان المستوى السادس، أعمق مستوى في هرم العناوين.
<head>	رأس المستند الذي يحمل البيانات الوصفية غير المرئية: title وcharset والأنماط ومراجع السكربتات وغيرها.
<header>	يمثل محتوى تمهيديًا أو منطقة تنقل، يُستخدم عادةً أعلى صفحة أو قسم (عنوان الموقع والشعار والتنقل الرئيسي).
<hgroup>	يجمّع مجموعة عناوين (<h1>–<h6>)، عادةً عنوانًا وعنوانًا فرعيًا، لتعمل العناوين المتعددة ككتلة عنوان واحدة.
<hr>	عنصر <hr> (فاصل أفقي) يمثل فاصلًا موضوعيًا، يُعرض كخط أفقي افتراضيًا.
<html>	العنصر الجذر لمستند HTML؛ جميع العناصر الأخرى تعيش بداخله.
I
<i>	يعرض النص بخط مائل دون تأكيد، يُستخدم غالبًا للكلمات الأجنبية والمصطلحات التقنية وأسماء السفن وغيرها.
<iframe>	يضم صفحة ويب أو موردًا آخر بشكل مضمّن (صورة داخل صورة)، شائع للخرائط والفيديو والأدوات.
<img>	عنصر <img> يضم صورة في الصفحة.
<input>	عنصر <input> هو أكثر عناصر التحكم في النماذج شيوعًا، وينشئ حقول إدخال متنوعة.
<ins>	يمثل نصًا مُدرجًا في المستند، يُعرض بخط سفلي افتراضيًا.
K
<kbd>	يميز النص الذي يُتوقع أن يدخله المستخدم من لوحة المفاتيح، ويُستخدم كثيرًا في التوثيق وتلميحات الاختصارات.
L
<label>	عنصر <label> يعرّف تسمية لعنصر تحكم في النموذج.
<legend>	يوفر تسمية مرئية لـ fieldset؛ يجب أن يكون أول طفل له.
<li>	عنصر <li> (عنصر قائمة) يمثل عنصرًا في <ul> أو <ol>.
<link>	يعرّف علاقة بين المستند الحالي ومورد خارجي، غالبًا ورقة أنماط CSS وأيضًا الأيقونات أو التحميل المسبق.
M
<main>	يمثل المحتوى الرئيسي للمستند، الفريد والخالي من محتوى التنقل/الشريط الجانبي/التذييل المتكرر.
<map>	يعرّف خريطة صور من جهة العميل؛ تحدد عناصر <area> الفرعية المناطق القابلة للنقر، وتُربط عبر usemap في <img>.
<mark>	يبرز النص بخلفية صفراء افتراضية، مثل قلم التمييز؛ يُستخدم غالبًا للكلمات المفتاحية في نتائج البحث.
<menu>	يمثل قائمة أوامر أو عناصر قائمة، غالبًا شريط أدوات أو قائمة سياق؛ قد تحتوي على <li> أو <button>.
<meta>	يصف بيانات وصفية للمستند — charset وdescription وauthor وviewport — غير مرئية على الصفحة لكنها حيوية لـ SEO والعرض.
<meter>	يعرض قياسًا معروفًا ضمن نطاق (min–max)، مثل استخدام القرص أو التقييم أو درجة الحرارة.
N
<nav>	يمثل قسمًا من روابط التنقل الرئيسية، مثل التنقل الأساسي أو مسار التنقل أو الترقيم.
<noscript>	يعرض محتواه عندما تكون JavaScript معطلة أو غير مدعومة، لتدهور سلس (fallback).
O
<object>	حاوية عامة للموارد المضمّنة (PDF أو صورة أو Flash أو SVG.
<ol>	عنصر <ol> (قائمة مرقمة) يعرّف قائمة مرقمة.
<optgroup>	يجمّع الخيارات داخل select، ويُعرض كتسمية مجموعة غير قابلة للاختيار.
<option>	عنصر واحد قابل للاختيار داخل select أو datalist أو optgroup.
<output>	يمثل نتيجة حساب أو إجراء مستخدم، غالبًا يعرض مخرجات مباشرة من نموذج عبر JavaScript؛ الخاصية for تسرد المدخلات المستخدمة.
P
<p>	عنصر <p> (فقرة) يعرّف فقرة نصية، وهو أحد أكثر حاويات المحتوى استخدامًا في HTML.
<param>	يمرر معاملات (مثل autoplay أو loop) إلى إضافة مضمّنة عبر object؛ يجب أن يكون طفلًا لـ object.
<picture>	يوفر مصادر صور متعددة لـ img، ليختار المتصفح الأفضل حسب منفذ العرض أو الدقة وغيرها.
<pre>	نص منسق مسبقًا يحافظ على المسافات وفواصل الأسطر بخط أحادي المسافة؛ مثالي للكود أو الشعر.
<progress>	يعرض إنجاز المهمة (مثل الرفع أو التحميل) عبر value/max؛ احذف value لرسوم متحركة للتقدم غير المحدد.
Q
<q>	يعرّف اقتباسًا مضمّنًا قصيرًا؛ يضيف المتصفح علامات الاقتباس تلقائيًا حوله.
R
<rp>	يوفر أقواسًا حول تعليقات ruby للمتصفحات التي لا تدعم ruby؛ عادةً ما تتجاهله المتصفحات الحديثة.
<rt>	جزء النطق/التعليق داخل ruby، مباشرة بعد النص المشروح.
<ruby>	يضيف نطقًا/تعليقًا (بينيين أو كانا) إلى نص شرق آسيوي؛ التعليق عبر rt، ويُلف اختياريًا بـ rp.
S
<s>	يعرض خطًا مشطوبًا لنص لم يعد دقيقًا أو ذا صلة (مثل سعر مشطوب).
<samp>	يميز مخرجات نموذجية من برنامج أو نظام، تُعرض بخط أحادي المسافة افتراضيًا.
<script>	يضم أو يشير إلى JavaScript للتفاعلية؛ يوضع في head أو body، وغالبًا في نهاية body لتسريع العرض.
<section>	يمثل قسمًا مستقلاً من المحتوى، عادةً مع عنوان.
<select>	عنصر تحكم منسدل يتيح للمستخدم اختيار قيمة أو أكثر من قائمة محددة مسبقًا، يُرسل عادةً مع نموذج.
<slot>	يعرّف «فتحة» في shadow DOM لمكونات الويب — مكان يُعرض فيه محتوى المضيف؛ name تتيح التوزيع المسمى.
<small>	يعرض النص بخط أصغر، يُستخدم عادةً لإخلاء المسؤولية وملاحظات حقوق النشر والخط الدقيق.
<source>	يزود موارد الوسائط لـ audio أو video أو picture، مما يتيح عدة صيغ للتوافق أو الاستجابة.
<span>	عنصر <span> حاوية مضمّنة عامة بلا معنى دلالي.
<strong>	يميز نصًا ذا أهمية قوية، يُعرض بخط عريض افتراضيًا.
<style>	يكتب قواعد CSS مضمّنة في المستند دون ملف خارجي؛ media يمكنها تقييد متى يُطبق.
<sub>	يعرّف نصًا سفليًا يُعرض أسفل خط الأساس، يُستخدم في الصيغ الكيميائية (مثل H₂O) والترميز الرياضي.
<summary>	بصفته أول طفل لـ details، هو العنوان المرئي الذي ينقر عليه المستخدم لتبديل الأداة.
<sup>	يعرّف نصًا علويًا يُعرض فوق خط الأساس، يُستخدم للهوامش (مثل x²) والأعداد الترتيبية.
T
<table>	عنصر <table> يعرض البيانات في شكل جدول.
<tbody>	جسم الجدول الذي يغلف صفوف البيانات (tr)؛ قد يحتوي الجدول على عدة tbody للتجميع.
<td>	خلية بيانات جدول قياسية تحمل المحتوى عند تقاطع صف وعمود.
<template>	يعلن عن جزء HTML قابل لإعادة الاستخدام لا يُعرض ولا تعمل سكربتاته، حتى تستنسخه JavaScript وتدرجه.
<textarea>	حقل إدخال نصي عادي متعدد الأسطر، مثالي للتعليقات والرسائل والكود.
<tfoot>	كتلة تذييل الجدول التي تغلف صفوف الملخص (tr)، عادةً المجاميع؛ توضع بعد tbody لكنها تُعرض في الأسفل.
<th>	خلية عنوان جدول تحدّد صفًا أو عمودًا، عريضة وموسّطة افتراضيًا مع دلالات إمكانية وصول.
<thead>	كتلة رأس الجدول التي تغلف صفوف العناوين (tr)، وتُكرر في كل صفحة مطبوعة من جدول طويل.
<time>	يمثل تاريخًا أو وقتًا قابلاً للقراءة آليًا، مما يساعد محركات البحث والسكربتات على تحليله بدقة.
<title>	يعرّف عنوان المستند الظاهر في تبويب المتصفح ونتائج البحث؛ عنوان واحد بالضبط لكل مستند، داخل head.
<tr>	صف جدول، يتكون من خلايا th (عنوان) أو td (بيانات).
<track>	يحدد مسارًا نصيًا (ترجمات أو تسميات أو فصول) لـ audio أو video، عادةً ملف .
U
<u>	يضيف خطًا سفليًا دون تأكيد، يُستخدم غالبًا للكلمات الخاطئة إملائيًا أو الأسماء العلمية التي تحتاج تمييزًا بصريًا.
<ul>	عنصر <ul> (قائمة غير مرتبة) يعرّف قائمة عناصر بلا ترتيب، تُعرض بنقاط تعداد افتراضيًا.
V
<var>	يميز متغيرًا في التعبيرات الرياضية أو البرمجة، يُعرض بخط مائل أحادي المسافة افتراضيًا.
<video>	يضم مشغل فيديو مع عناصر تحكم وصورة غلاف وعدة صيغ مصادر.
W
<wbr>	يميز فرصة كسر كلمة اختيارية: يكسر المتصفح هنا فقط عند الحاجة، دون إجبار كسر أو إضافة مسافة.
#
<!doctype>	يعلن نوع المستند ليعرف المتصفح إصدار HTML المستخدم.

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

من نحن