---
title: HTML element reference
slug: HTML/Element
translation_of: Web/HTML/Element
---
<p><font><font>يسرد مرجع HTML هذا جميع </font></font><strong><font><font>عناصر HTML</font></font></strong><font><font> ، المحددة في HTML5 أو في مواصفات سابقة. </font><font>عند تضمينها داخل أقواس زاوية ، فإنها تشكل </font></font><em><font><font>علامات HTML</font></font></em><font><font> : </font></font><code>&lt;elementname&gt;.</code><font><font>العناصر عبارة عن كيانات تحدد كيفية إنشاء مستندات HTML ، ونوع المحتوى الذي يجب وضعه في أي جزء من </font><font>مستند </font></font><a href="https://developer.mozilla.org/en-US/docs/HTML" title="/ EN-US / مستندات / HTML"><font><font>HTML</font></font></a><font><font> .</font></font></p>

<p><font><font>تسرد هذه الصفحة جميع علامات HTML5 القياسية ، ولكنها تحتوي أيضًا على العلامات القديمة والبالية والمهملة ، بالإضافة إلى العلامات غير القياسية التي قد تدعمها المتصفحات. </font><font>غالبًا ما يشار إلى </font><font>العناصر التي تم تقديمها في </font></font><a href="https://developer.mozilla.org/en-US/docs/HTML/HTML5" title="/ EN-US / مستندات / HTML / HTML5"><font><font>HTML5</font></font></a><font><font> على أنها عناصر HTML5 الجديدة ، على الرغم من أن العناصر القياسية الأخرى صالحة أيضًا في HTML5.</font></font></p>

<p><font><font>في مستند HTML ، يتم تعريف عنصر بواسطة </font></font><em><font><font>علامة البداية</font></font></em><font><font> . </font><font>إذا احتوى عنصر المحتويات الأخرى، وينتهي مع </font></font><em><font><font>علامة إغلاق</font></font></em><font><font>، حيث يسبق اسم العنصر بواسطة خط مائل: </font></font><code>&lt;/elementname&gt;</code><font><font>. </font><font>لا تحتاج إلى إغلاق بعض العناصر ، مثل عناصر الصورة.</font><font>هذه هي المعروفة باسم </font><font>العناصر </font></font><em><font><font>باطلة</font></font></em><font><font> . </font><font>تحتوي مستندات HTML على شجرة من هذه العناصر. </font><font>يدعى كل لتمثيل ما يفعله. </font><font>على سبيل المثال ، </font></font><code>&lt;title&gt;</code><font><font>يمثل العنصر عنوان المستند. </font><font>فيما يلي قائمة أبجدية بعناصر HTML.</font></font></p>

<p><a href="https://developer.mozilla.org/en-US/docs/HTML/HTML5"><img alt="تمت إضافة هذا العنصر في HTML5" src="https://developer.mozilla.org/files/3843/HTML5_Badge_32.png" title="تمت إضافة هذا العنصر في HTML5"></a><font><font>يشير </font><font>الرمز </font><font>إلى أنه تمت إضافة العنصر في HTML5. </font><font>لاحظ أنه ربما تم تعديل أو توسيع العناصر الأخرى المدرجة هنا حسب مواصفات HTML5. </font><font>العناصر البعدية غير قياسية أو قديمة أو متوقفة ؛ </font><font>يجب عدم استخدامها في مواقع ويب جديدة ، ويجب إزالتها بشكل تدريجي من المواقع الحالية لتجنب النتائج غير المرغوب فيها.</font></font></p>

<p>يشير الرمز Ⓒ إلى أن العنصر معرف في مجموعة المواصفات Web Components.</p>

<div class="index widgeted"><span id="A">A</span>

<ul>
 <li>{{ HTMLElement("a") }}</li>
 <li>{{ HTMLElement("abbr") }}</li>
 <li><s class="obsoleteElement">{{ HTMLElement("acronym") }}</s></li>
 <li>{{ HTMLElement("address") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("applet") }}</s></li>
 <li>{{ HTMLElement("area") }}</li>
 <li class="html5">{{ HTMLElement("article") }}</li>
 <li class="html5">{{ HTMLElement("aside") }}</li>
 <li class="html5">{{ HTMLElement("audio") }}</li>
</ul>
<span id="B">B</span>

<ul>
 <li>{{ HTMLElement("b") }}</li>
 <li>{{ HTMLElement("base") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("basefont") }}</s></li>
 <li class="html5">{{ HTMLElement("bdi") }}</li>
 <li>{{ HTMLElement("bdo") }}</li>
 <li><s class="nonStdElement">{{ HTMLElement("bgsound") }}</s></li>
 <li><s class="obsoleteElement">{{ HTMLElement("big") }}</s></li>
 <li><s class="nonStdElement">{{ HTMLElement("blink") }}</s></li>
 <li>{{ HTMLElement("blockquote") }}</li>
 <li>{{ HTMLElement("body") }}</li>
 <li>{{ HTMLElement("br") }}</li>
 <li>{{ HTMLElement("button") }}</li>
</ul>
<span id="C">C</span>

<ul>
 <li class="html5">{{ HTMLElement("canvas") }}</li>
 <li>{{ HTMLElement("caption") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("center") }}</s></li>
 <li>{{ HTMLElement("cite") }}</li>
 <li>{{ HTMLElement("code") }}</li>
 <li>{{ HTMLElement("col") }}</li>
 <li>{{ HTMLElement("colgroup") }}</li>
</ul>
<span id="D">D</span>

<ul>
 <li class="html5">{{ HTMLElement("data") }}</li>
 <li class="html5">{{ HTMLElement("datalist") }}</li>
 <li>{{ HTMLElement("dd") }}</li>
 <li class="webcomp">{{ HTMLElement("decorator")}}</li>
 <li>{{ HTMLElement("del") }}</li>
 <li class="html5">{{ HTMLElement("details") }}</li>
 <li>{{ HTMLElement("dfn") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("dir") }}</s></li>
 <li>{{ HTMLElement("div") }}</li>
 <li>{{ HTMLElement("dl") }}</li>
 <li>{{ HTMLElement("dt") }}</li>
</ul>
<span id="E">E</span>

<ul>
 <li>{{HTMLElement("em") }}</li>
 <li class="html5">{{ HTMLElement("embed") }}</li>
</ul>
<span id="F">F</span>

<ul>
 <li>{{ HTMLElement("fieldset") }}</li>
 <li class="html5">{{ HTMLElement("figcaption") }}</li>
 <li class="html5">{{ HTMLElement("figure") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("font") }}</s></li>
 <li class="html5">{{ HTMLElement("footer") }}</li>
 <li>{{ HTMLElement("form") }}</li>
 <li><s class="obsoleteElement">{{ HTMLElement("frame") }}</s></li>
 <li><s class="obsoleteElement">{{ HTMLElement("frameset") }}</s></li>
</ul>
<span id="G">G H</span>

<ul>
 <li>{{ HTMLElement("h1") }}</li>
 <li>{{ HTMLElement("h2") }}</li>
 <li>{{ HTMLElement("h3") }}</li>
 <li>{{ HTMLElement("h4") }}</li>
 <li>{{ HTMLElement("h5") }}</li>
 <li>{{ HTMLElement("h6") }}</li>
 <li>{{ HTMLElement("head") }}</li>
 <li class="html5">{{ HTMLElement("header") }}</li>
 <li class="html5"><s class="deprecatedElement obsoleteElement">{{ HTMLElement("hgroup") }}</s></li>
 <li>{{ HTMLElement("hr") }}</li>
 <li>{{ HTMLElement("html") }}</li>
</ul>
<span id="I">I</span>

<ul>
 <li>{{ HTMLElement("i") }}</li>
 <li>{{ HTMLElement("iframe") }}</li>
 <li>{{ HTMLElement("img") }}</li>
 <li>{{ HTMLElement("input") }}</li>
 <li>{{ HTMLElement("ins") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("isindex") }}</s></li>
</ul>
<span id="J">J K</span>

<ul>
 <li>{{ HTMLElement("kbd") }}</li>
 <li class="html5">{{ HTMLElement("keygen") }}</li>
</ul>
<span id="L">L</span>

<ul>
 <li>{{ HTMLElement("label") }}</li>
 <li>{{ HTMLElement("legend") }}</li>
 <li>{{ HTMLElement("li") }}</li>
 <li>{{ HTMLElement("link") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("listing") }}</s></li>
</ul>
<span id="M">M</span>

<ul>
 <li class="html5">{{HTMLElement("main")}}</li>
 <li>{{ HTMLElement("map") }}</li>
 <li class="html5">{{ HTMLElement("mark") }}</li>
 <li><s class="nonStdElement">{{ HTMLElement("marquee") }}</s></li>
 <li class="html5">{{ HTMLElement("menu") }}</li>
 <li class="html5">{{ HTMLElement("menuitem") }}</li>
 <li>{{ HTMLElement("meta") }}</li>
 <li class="html5">{{ HTMLElement("meter") }}</li>
</ul>
<span id="N">N</span>

<ul>
 <li class="html5">{{ HTMLElement("nav") }}</li>
 <li><s class="nonStdElement">{{ HTMLElement("nobr") }}</s></li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("noframes") }}</s></li>
 <li>{{ HTMLElement("noscript") }}</li>
</ul>
<span id="O">O</span>

<ul>
 <li>{{ HTMLElement("object") }}</li>
 <li>{{ HTMLElement("ol") }}</li>
 <li>{{ HTMLElement("optgroup") }}</li>
 <li>{{ HTMLElement("option") }}</li>
 <li class="html5">{{ HTMLElement("output") }}</li>
</ul>
<span id="P">P</span>

<ul>
 <li>{{ HTMLElement("p") }}</li>
 <li>{{ HTMLElement("param") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("plaintext") }}</s></li>
 <li>{{ HTMLElement("pre") }}</li>
 <li class="html5">{{ HTMLElement("progress") }}</li>
</ul>
<span id="Q">Q</span>

<ul>
 <li>{{ HTMLElement("q") }}</li>
</ul>
<span id="R">R</span>

<ul>
 <li class="html5">{{ HTMLElement("rp") }}</li>
 <li class="html5">{{ HTMLElement("rt") }}</li>
 <li class="html5">{{ HTMLElement("ruby") }}</li>
</ul>
<span id="S">S</span>

<ul>
 <li>{{ HTMLElement("s") }}</li>
 <li>{{ HTMLElement("samp") }}</li>
 <li>{{ HTMLElement("script") }}</li>
 <li class="html5">{{ HTMLElement("section") }}</li>
 <li>{{ HTMLElement("select") }}</li>
 <li>{{ HTMLElement("small") }}</li>
 <li class="html5">{{ HTMLElement("source") }}</li>
 <li><s class="nonStdElement">{{ HTMLElement("spacer") }}</s></li>
 <li>{{ HTMLElement("span") }}</li>
 <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("strike") }}</s></li>
 <li>{{ HTMLElement("strong") }}</li>
 <li>{{ HTMLElement("style") }}</li>
 <li>{{ HTMLElement("sub") }}</li>
 <li class="html5">{{ HTMLElement("summary") }}</li>
 <li>{{ HTMLElement("sup") }}</li>
</ul>
<span id="T">T</span>

<ul>
 <li>{{ HTMLElement("table") }}</li>
 <li>{{ HTMLElement("tbody") }}</li>
 <li>{{ HTMLElement("td") }}</li>
 <li class="webcomp">{{ HTMLElement("template")}}</li>
 <li>{{ HTMLElement("textarea") }}</li>
 <li>{{ HTMLElement("tfoot") }}</li>
 <li>{{ HTMLElement("th") }}</li>
 <li>{{ HTMLElement("thead") }}</li>
 <li class="html5">{{ HTMLElement("time") }}</li>
 <li>{{ HTMLElement("title") }}</li>
 <li>{{ HTMLElement("tr") }}</li>
 <li class="html5">{{ HTMLElement("track") }}</li>
 <li><s class="obsoleteElement">{{ HTMLElement("tt") }}</s></li>
</ul>
<span id="U">U</span>

<ul>
 <li>{{ HTMLElement("u") }}</li>
 <li>{{ HTMLElement("ul") }}</li>
</ul>
<span id="V">V</span>

<ul>
 <li>{{ HTMLElement("var") }}</li>
 <li class="html5">{{ HTMLElement("video") }}</li>
</ul>
<span id="W">W</span>

<ul>
 <li class="html5">{{ HTMLElement("wbr") }}</li>
</ul>
<span id="X">X Y Z </span>

<ul>
 <li><span id="X"><s class="deprecatedElement obsoleteElement">{{ HTMLElement("xmp") }}</s></span></li>
</ul>
</div>

<p> </p>