مجموعه عناصر لغة ألـ HTML5

This article needs an editorial review. How you can help.

This translation is in progress.

All standard HTML5 elements are listed here, described by their opening tag and grouped by function. Contrary to the HTML Element index which lists all possible tags, standard, non-standard, valid, obsolete or deprecated ones, this page lists only the valid HTML5 elements. Only the elements listed here should be used in new Web sites.

The symbol This element was added as part of HTML5 indicates that the element was added in HTML5. Note that other elements listed here may have been modified or extended in their meaning by the HTML5 specification.

عنصر الجذر

العنصر نبذة عنه
<html> وهو يمثل جذر الـ HTML أو مستند XHTML و يجب أن تكون جميع العناصر الأخرى من نسل هذا العنصر.

البيانات الرئيسة للوثيقة

العنصر نبذة عنه
<head> وهو يمثل مجموعة من البيانات الوصفية حول الوثيقة بما في ذلك الوصلات أو تعريفات و البرامج النصية والسكريبتات و انماط الـ CSS .
<title> يحدد عنوان الوثيقة  كما هو موضح في شريط عنوان المتصفح أو في علامة التبويب الصفحة ولابد أن يحتوي على نصوص فقط لا غير .
<base> وهو يحدد الرابط الفتراضي للوثيقة كي يتم من خلاله فرز الروابط المنتسبة لصفحة من الرابط التابعه لاجناس اخرى .
<link> وهو يستخدم لربط ملفات  ألـ CSS والـ Javascript الخارجي مع وثيقة HTML .
<meta> يستخدم لتعريف العناصر التي لايمكن تعريفها مثل الترميز وغير من الاستخدامات الاخرى .
<style> يستخدم لكتابة CSS داخل وثيقة HTML  .

البرمجة

العنصر نبذة عنه
<script> يستخدم لربط ملف نصي برمجي خارجي او تضمين ملف نص برمجي ويمكن الكتابة داخله بالغات متعدده مثل javascript او php و غيره .
<noscript> يحدد محتوى بديل لعرضه عندما لا يدعم المتصفح البرمجة .
<template>This element has been added in HTML5 حاوية للمحتوى العميل أثناء وقت التشغيل باستخدام جافا سكريبت .

اقسام التضمين

العنصر نبذة عنه
<body>
وهو يمثل محتوى وثيقة HTML ولابد ان تكون كل العناصر الضاهره في الجسم داخلة .
<section> This element has been added in HTML5 يمثل قطعه في في المستند .
<nav> This element has been added in HTML5 يحدد المقطع الذي يحتوي على ارتباطات التنقل .
<article> This element has been added in HTML5 يحدد محتوى  منفصل بذاته والذي يمكن أن يوجد بشكل مستقل عن بقية المحتوى.
<aside> This element has been added in HTML5 يعرف بعض المحتويات التي لها علاقة فضفاضة إلى محتوى الصفحة. إذا تم إزالته ، والمحتوى المتبقية لا يزال من المنطقي .
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> وهو يمثل 6 مستويات من عناوين النصية واكبرهم حجماً <h1> وعكسه <h6>
<header> This element has been added in HTML5 يحدد محتوى بذاتها التي يمكن أن توجد بشكل مستقل عن بقية المحتوى . 
<footer> This element has been added in HTML5 >يحدد تذييل للصفحة أو قسم  فإنه غالبا ما يحتوي على إشعار حقوق التأليف والنشر وبعض الروابط على المعلومات القانونية أو عناوين .
<address> يعرف الجزء الذي يحتوي على معلومات للإتصال به.
<main>This element has been added in HTML5 يحدد المحتوى الرئيسي أو مهم في الوثيقة. هناك واحد فقط <main> عنصر في الوثيقة.

جداول البيانات

العنصر نبذة عنه
<p> يحدد الجزء الذي يجب أن يتم عرض كفقرة .
<hr> يمثل خط فاصل بين موضوعين .
<pre> يحدد النص المكتوب كما هو بالسطر وافراغ .
<blockquote>

يمثل المحتوى الذي يتم نقلا عن مصدر آخر.

<ol> يحدد قائمة مرتبة مرقمة من العناصر .
<ul> يحدد قائمة غير مرتبة من البنود.
<li> يحدد عنصر من قائمة التعداد.
<dl> تعرف على قائمة تعريف ، وهذا هو ، على قائمة المصطلحات والتعاريف المرتبطة بها .
<dt> يمثل مصطلح يعرفه القادم < DD > .<dd>.
<dd> يمثل تعريف المصطلحات الواردة فورا قبل ذلك.
<figure> This element has been added in HTML5 يمثل الرقم يتضح كجزء من الوثيقة.
<figcaption> This element has been added in HTML5 يمثل أسطورة شخصية .
<div> يمثل وعاء العامة مع عدم وجود معنى خاص .

عناصر النصوص

العنصر نبذة عنه
<a> يمثل الارتباط التشعبي   وربط إلى مورد آخر .
<em> يمثل خط مائل .
<strong>  يمثل خط مشدد .
<small> يمثل خط نحيف .
<s> يمثل نص مشطوب او محذوف
<cite>

يمثل عنوان العمل. .

<q> يمثل الاقتباس المضمنة. .
<dfn> يمثل مصطلح الذي يرد في أقرب محتوى الجد التعريف.
<abbr> يمثل اختصار أو اختصار . التوسع في اختصار يمكن أن تكون ممثلة في سمة العنوان.
<data> This element has been added in HTML5 الزميلة ل محتواه ما يعادل المقروءة آليا . ( هذا العنصر فقط في إصدار WHATWG للمعيار HTML ، و ليس في الإصدار W3C من HTML5
<time> This element has been added in HTML5 يمثل قيمة التاريخ والوقت . أي ما يعادل المقروءة آليا يمكن أن تكون ممثلة في سمة التاريخ والوقت .
<code> يمثل عنصر يكتب بداخله الكود
<var> يمثل المتغير ، وهذا هو ، تعبير أو البرمجة الرياضية السياق الفعلي ، معرف تمثل ثابت ، رمزا تحديد الكمية الفعلية ، معلمة وظيفة ، أو مجرد نائب في النثر .
<samp> يمثل الناتج من برنامج أو جهاز كمبيوتر .
<kbd> تمثل مدخلات المستخدمين، في كثير من الأحيان من لوحة المفاتيح ، ولكن ليس بالضرورة . قد تمثل المدخلات الأخرى ، مثل الأوامر الصوتية كتب .
<sub>,<sup> يمثل نص منخفظ او مرتفع
<i> تمثل بعض النص في صوت بديل أو المزاج، أو على الأقل من نوعية مختلفة ، مثل تسمية التصنيف، مصطلح تقني ، عبارة اصطلاحية ، الفكر، أو اسم السفينة
<b> يمثل نص مشدد .
<u> يمثل annoatation غير النصية التي العرض التقليدية و التسطير ، واصفة هذا النص كما يجري أخطأ في الهجاء أو وصفها الاسم الصحيح في النص الصيني
<mark> This element has been added in HTML5 يمثل نص مشار اليه بالون الاصفر
<ruby> This element has been added in HTML5 يمثل المحتوى إلى أن تكون علامة مع شروح روبي ، المديين القصير من النص قدمت جنبا إلى جنب مع النص. وكثيرا ما يستخدم هذا بالتزامن مع لغة شرق آسيا حيث تعمل شروح كدليل للنطق ، مثل furigana الياباني . .
<rt> This element has been added in HTML5 يمثل نص الشرح روبي .
<rp> This element has been added in HTML5 يمثل قوسين حول الشرح روبي ، وتستخدم لعرض الشرح بطريقة بديلة من قبل المتصفحات لا تدعم العرض القياسية ل شروحه.
<bdi> This element has been added in HTML5 يمثل النص الذي يجب أن تكون معزولة عن محيطها ل تنسيق النص ثنائي الاتجاه . لأنها تتيح تضمين فترة من النص مع مختلف أو غير معروف، الاتجاهية .
<bdo> يمثل اتجاهها من أبنائها ، من أجل تجاوز صراحة خوارزمية ثنائية الاتجاه يونيكود
<span> يمثل النص مع عدم وجود معنى محدد . هذا لابد من استخدامها عند ينقل أي عنصر النص الدلالي الآخرين معنى كاف، وهو ، في هذه الحالة، وغالبا ما رفعتها سمات عالمية مثل الطبقة ، لانج ، أو دير.
<br> يمثل سطر جديد
<wbr> This element has been added in HTML5 يمثل فرصة كسر خط ، وهذا هو نقطة المقترحة لل التفاف النص من أجل تحسين إمكانية القراءة من تقسيم النص على عدة أسطر .

التعديلات

العنصر نبذة عنه
<ins> عنصر مضاف او تم تعديله
<del> عنصر محذوف وهو مثيل العنصر <s>

التضمين و الميديا

العنصر نبذة عنه
<img> يستخدم لربط الصور بالوثيقه
<iframe> يمثل السياق تصفح متداخلة ، وهذا هو وثيقة HTML المضمنة.
<embed> This element has been added in HTML5 تمثل نقطة التكامل ل خارجي ، في كثير من الأحيان غير HTML ، تطبيق أو المحتوى التفاعلي .
<object> تمثل الموارد الخارجية ، التي تعامل على أنها صورة، وثيقة الفرعية HTML ، أو الموارد الخارجية التي سيتم تجهيزها من قبل في المكونات .
<param> تعرف المعلمات للاستخدام من قبل المكونات الإضافية التي يحتج بها <كائن > العناصر.
<video> This element has been added in HTML5 يمثل الفيديو ، والملفات المرتبطة به الصوت و تعليق عليها، مع واجهة اللازمة لتشغيله .
<audio> This element has been added in HTML5 يمثل الصوت ، أو تيار الصوت.
<source> This element has been added in HTML5 يسمح المؤلفين لتحديد الموارد وسائل الإعلام البديلة ل عناصر الوسائط مثل <video> or <audio>.
<track> This element has been added in HTML5 يسمح المؤلفين لتحديد مسار النص توقيت ل عناصر الوسائط مثل <video>or <audio>.
<canvas> This element has been added in HTML5 تمثل منطقة خريطة أبيت أن النصوص يمكن استخدامها ل تقديم الرسومات ، مثل الرسوم البيانية والرسوم البيانية لعبة ، أو أي الصور المرئية على الطاير .
<map> بالتزامن مع <area>, يحدد مخطط صورة.
<area> بالتزامن مع <map>,يحدد مخطط صورة.
<svg> This element has been added in HTML5 تعرف على إد الإدارة الانتخابية دائرة التنمية الاقتصادية صورة اتجاهي .
<math> This element has been added in HTML5 يحدد صيغة رياضية.

Tabular data

العنصر نبذة عنه
<table> تمثل البيانات مع أكثر من بعد واحد.
<caption> يمثل عنوان الجدول.
<colgroup> تمثل مجموعة من واحد أو أكثر من الأعمدة من الجدول.
<col> يمثل عمود من الجدول.
<tbody> يمثل كتلة من الصفوف التي تصف البيانات ملموسة من الجدول.
<thead> يمثل كتلة من الصفوف التي تصف التسميات عمود من الجدول.
<tfoot> يمثل كتلة من الصفوف التي تصف ملخصات عمود من الجدول.
<tr> يمثل صف من الخلايا في الجدول.
<td> يمثل خلية البيانات في الجدول.
<th> يمثل خلية رأس في الجدول.

 الاشكال

العنصر نبذة عنه
<form> عنصر تبادل المعلومات مع الخادم حيث يكون داخله مجموعه من العناصر تتيح لمستخدم التعديل والاضافه
<fieldset> مثل عنصار او ضوابط مرتبة
<legend> يمثل عنوان <fieldset> .
<label> يعتبر توضيح او اسم عنصر داخل <form>
<input> يمثل حقل من البينات مما يتحُيح للمستخدم استعمالها
<button> عباره عن وز .
<select>  يمثل مجموعه من الخيارات المٌسدله المرتبة .
<datalist> This element has been added in HTML5 يمثل  قائمة منسدله تحوي مجموعه من الخيارات المعدة مسبقاً اشبه باقائمة .
<optgroup> يمثل عنوان لمجموعه خيارات <option> الي تكون ادخل <optgroup> الي هي داخل <datalist>.
<option> يمثلخيارات داخل العنصر<select> أو اقتراح من<datalist>.
<textarea> مربع يكتب بداخله نص يمكن التحكم به .
<keygen> This element has been added in HTML5 يمثل سطر مولد مفاتيح .
<output> This element has been added in HTML5 سَحاب يمكن التحكم به .
<progress> This element has been added in HTML5 يمثل شريط اخذ بالمتلاء يعني مثل الداون لود منيجر لما يكون ايحمل
<meter> This element has been added in HTML5 يمثل قيمة مئويه اخذه بالمتلاء بشكل صغير .

العناصر التفاعلية

العنصر نبذة عنه
<details> This element has been added in HTML5 يمثل قائمة مُنسدله من الخيارات
<summary> This element has been added in HTML5 وهو يمثل عنوان لقائمة العنصر <details> .
<menuitem> This element has been added in HTML5 يمثل الأوامر  التي تمكن المستخدم  من الاستدعاء.
<menu> This element has been added in HTML5 يمثل قائمة من العناصر .

وهنُاك أيضاً

Document Tags and Contributors

 Contributors to this page: atefBB, mohamedmahmoud, teoli, Ali.Talib
 Last updated by: atefBB,