عنصر HTML

عنصر HTML هو نوع من مكونات مستند HTML ( لغة ترميز النص التشعبي )، وهو أحد أنواع عقد HTML المتعددة (تشمل بعض أنواع العقد الشائعة عقد المستند، وجزء المستند، والواجهة، والسمات ). [ 1 ] كُتبت أول نسخة مستخدمة من HTML بواسطة تيم بيرنرز لي عام 1993، ومنذ ذلك الحين ظهرت العديد من إصدارات HTML. المعيار الفعلي الحالي يُدار من قِبل مجموعة WHATWG الصناعية، ويُعرف باسم معيار HTML الحي .

يتكون مستند HTML من شجرة من عُقد HTML بسيطة، مثل عُقد النصوص، وعناصر HTML التي تُضيف دلالات وتنسيقًا لأجزاء من المستند (مثل جعل النص غامقًا، وتنظيمه في فقرات وقوائم وجداول، أو تضمين روابط تشعبية وصور). يمكن تحديد سمات HTML لكل عنصر . كما يمكن أن تحتوي العناصر على محتوى، بما في ذلك عناصر أخرى ونصوص.

المفاهيم

مخطط أويلر لفئات محتوى عناصر HTML.
فئات محتوى عناصر HTML

العناصر مقابل الوسوم

كما هو متعارف عليه، يُشار إلى موضع العنصر بأنه يمتد من وسم البداية وينتهي بوسم النهاية. [ 2 ] ينطبق هذا على العديد من العناصر، ولكن ليس جميعها، داخل مستند HTML. وقد تم التأكيد على هذا التمييز بشكل صريح في مواصفات HTML 4.01 : [ 3 ]

العناصر ليست وسومًا. يشير البعض إلى العناصر على أنها وسوم (مثل "وسم الفقرة"). تذكر أن العنصر شيء، والوسم (سواء كان وسم البداية أو النهاية) شيء آخر. على سبيل المثال، عنصر HEAD موجود دائمًا، حتى لو كان وسما البداية والنهاية لـ HEAD مفقودين في الترميز.

وبالمثل، تنص توصية W3C HTML 5.1 الإصدار الثاني صراحةً على ما يلي: [ 4 ]

تُستخدم الوسوم لتحديد بداية ونهاية العناصر في لغة الترميز. [...] يمكن حذف وسوم البداية والنهاية لبعض العناصر العادية. [...] يجب وضع محتوى العنصر بين ما بعد وسم البداية مباشرةً (والذي قد يكون ضمنيًا في بعض الحالات) وما قبل وسم النهاية مباشرةً (والذي قد يكون ضمنيًا أيضًا في بعض الحالات).

و: [ 4 ]

يمكن حذف بعض الوسوم. ملاحظة: حذف وسم بداية عنصر ما [...] لا يعني عدم وجود العنصر؛ فهو موجود ضمنيًا، ولكنه يبقى موجودًا. على سبيل المثال، يحتوي مستند HTML دائمًا على <html>عنصر جذر، حتى لو لم يظهر النص <html>في أي مكان في الترميز.

بما أن لغة HTML (قبل HTML5 ) مبنية على SGML ، [ 5 ] فإن تحليلها يعتمد أيضًا على تعريف نوع المستند (DTD)، وتحديدًا تعريف نوع المستند الخاص بـ HTML (مثل HTML 4.01). [ 6 ] [ ملاحظة 1 ] يحدد تعريف نوع المستند أنواع العناصر الممكنة (أي أنه يُعرّف مجموعة أنواع العناصر) وكذلك التركيبات الصحيحة التي يمكن أن تظهر بها في المستند. ومن سمات سلوك SGML العامة أنه عندما يكون هناك بنية واحدة صالحة فقط ( وفقًا لتعريف نوع المستند)، فلا يُشترط عادةً ذكرها صراحةً في أي مستند. على سبيل المثال، يجب أن يُستكمل الوسم الذي يشير إلى بداية عنصر الفقرة بوسم يشير إلى نهايته. ولكن بما أن تعريف نوع المستند ينص على أنه لا يمكن تداخل عناصر الفقرة، يُستنتج أن جزء مستند HTML يُعادل . (إذا لم يكن بإمكان عنصر فقرة ما احتواء عنصر آخر، فيجب إغلاق أي فقرة مفتوحة حاليًا قبل البدء بفقرة أخرى). ولأن هذا الاستنتاج يعتمد على دمج تعريف نوع المستند (DTD) مع المستند نفسه، فإنه لا يمكن عادةً استنتاج العناصر من وسوم المستند وحدها ، بل فقط باستخدام محلل يدعم لغة SGML أو HTML ولديه معرفة بتعريف نوع المستند (DTD). ويُحقق HTML5 نتيجة مماثلة بتحديد الوسوم التي يمكن حذفها. [ 7 ]<p></p><p>Para 1 <p>Para 2 <p>Para 3<p>Para 1 </p><p>Para 2 </p><p>Para 3

SGML مقابل XML

لغة SGML معقدة، مما حدّ من فهمها وانتشارها على نطاق واسع. وقد طُوّرت لغة XML كبديل أبسط. مع أن كلتيهما تستخدمان تعريف نوع المستند (DTD) لتحديد العناصر المدعومة وتراكيبها المسموح بها كبنية للمستند، إلا أن تحليل XML أبسط. فالعلاقة بين الوسوم والعناصر هي دائماً علاقة تحليل الوسوم الفعلية المُضمّنة في المستند، دون استخدام الدوال المغلقة الضمنية الموجودة في SGML. [ ملاحظة 2 ]

من المرجح أن يُعامل HTML المستخدم على الويب الحالي إما كـ XML، من خلال كونه XHTML ، أو كـ HTML5؛ وفي كلتا الحالتين، يكون تحليل وسوم المستند إلى عناصر نموذج كائن المستند (DOM) أبسط مقارنةً بأنظمة HTML القديمة. بمجرد الحصول على DOM للعناصر، يكون السلوك على مستويات أعلى من واجهة المستخدم (مثال: عرض الشاشة) متطابقًا أو شبه متطابق. [ ملاحظة 3 ]

%block;مقابل الصندوق

يُعد مفهوم " نموذج الصندوق " جزءًا من سلوك عرض CSS هذا. ويتم تطبيق هذا المفهوم على العناصر التي يعتبرها CSS عناصر "كتلية"، والتي يتم تحديدها من خلال تعريف CSS.display:block;

يحتوي HTML أيضًا على مفهوم مشابه، وإن كان مختلفًا، وكثيرًا ما يُخلط بينهما. %block;و %inline;هما مجموعتان ضمن تعريف نوع المستند (DTD) لـ HTML تُصنّفان العناصر إما على أنها "عناصر على مستوى الكتلة" أو "عناصر مضمنة". [ 9 ] يُستخدم هذا لتحديد سلوك التداخل: لا يمكن وضع عناصر مستوى الكتلة في سياق مضمن. [ ملاحظة 4 ] لا يمكن تغيير هذا السلوك؛ فهو ثابت في تعريف نوع المستند. تتمتع عناصر مستوى الكتلة والعناصر المضمنة بسلوكيات CSS مناسبة ومختلفة مُرفقة بها افتراضيًا، [ 9 ] بما في ذلك مدى ملاءمة نموذج الصندوق لأنواع عناصر مُحددة.

مع ذلك، تجدر الإشارة إلى أن سلوك CSS هذا قابل للتغيير، وكثيراً ما يُغيّر عن الوضع الافتراضي. تُعرض القوائم التي تحتوي على عناصر كعناصر كتلة افتراضياً. ومع ذلك، من الشائع جداً ضبطها باستخدام CSS لعرضها كقائمة مضمنة. [ 10 ]<ul><li> ...%block;

ملخص

بناء الجملة

<ص جلأssأتترأنابuتهـنأمهـ="صأرأزرأصحأتترأتترأنابuتهـ vألuهـ">Sتأرت تأزتيحأناs أناs أ صأرأزرأصح.جoنتهـنت</ص>هـندتأزهـلهـمهـنت{\displaystyle \overbrace {\overbrace {{\mathtt {\color {BrickRed}<\!p\ }}\color {Magenta}\underbrace {\mathtt {class}} _{\mathsf {\color {Black}{Attribute \atop name}}}{\mathtt {=''}}\!\underbrace {\mathtt {paragraph}} _{\mathsf {\color {White}{Attr} \atop \color {Black}Attribute\ value}}''{\mathtt {\color {BrickRed}>}}} ^{\mathsf {Start\ tag}}\overbrace {\mathtt {\color {Green}This\ is\ a\ paragraph.}} ^{\mathsf {Content}}\overbrace {\mathtt {\color {BrickRed}<\!/p\!>}} ^{\mathsf {End \atop tag}}} ^{\mathsf {Element}}}
أجزاء من عنصر حاوية HTML

في بنية لغة HTML ، تُكتب معظم العناصر باستخدام وسم بداية ووسم نهاية، مع وضع المحتوى بينهما. يتكون وسم HTML من اسم العنصر محاطًا بأقواس زاوية . ويحتوي وسم النهاية أيضًا على شرطة مائلة بعد قوس الزاوية المفتوح. [ 11 ] : 23-24 على سبيل المثال، تُكتب الفقرة، التي يُمثلها العنصر <p>، على النحو التالي:<p>

<p> في بنية HTML ، تُكتب معظم العناصر ... </p>

مع ذلك، لا تتطلب جميع هذه العناصر وجود وسم الإغلاق، أو حتى وسم البداية. [ 7 ] بعض العناصر، التي تُسمى العناصر الفارغة ، لا تحتوي على وسم إغلاق. ومن الأمثلة الشائعة على ذلك عنصر فاصل الأسطر (الذي يُمثل فاصل أسطر إجباري ). سلوك العنصر الفارغ مُحدد مسبقًا، ولا يمكن أن يحتوي على أي محتوى أو عناصر أخرى. على سبيل المثال، يُكتب العنوان على النحو التالي:<br>

<p> بي . شيرمان <br> 42 طريق والابي <br> سيدني </p>

عند استخدام XHTML ، يجب فتح وإغلاق جميع العناصر، بما في ذلك العناصر الفارغة. يمكن تحقيق ذلك بوضع وسم إغلاق مباشرةً بعد وسم البداية، لكن هذا غير مسموح به في HTML5 وسيؤدي إلى إنشاء عنصرين. هناك طريقة بديلة لتحديد أن العنصر فارغ، وهي متوافقة مع كل من XHTML وHTML5، وهي وضع وسم <input> /في نهاية وسم <input> (لا تخلط بينه وبين وسم <input> /في بداية وسم الإغلاق).

<p> بي . شيرمان <br /> 42 طريق والابي <br /> سيدني </p>

تُحدد سمات HTML داخل وسم البداية، وتتكون من اسم السمة، متبوعًا بعلامة يساوي ، ثم قيمتها. على سبيل المثال: [ 11 ] : 25-26

< p lang = "en-us" > فقرة باللغة الإنجليزية </ p >

منذ إصدار HTML5 ، يسمح HTML باستخدام أسماء السمات بأحرف كبيرة وحذف علامات الاقتباس. [ 11 ] : 26

بشكل غير رسمي، يُشار أحيانًا إلى عناصر HTML باسم "الوسوم" (مثال على المجاز المرسل )، على الرغم من أن الكثيرين يفضلون مصطلح الوسم تحديدًا للإشارة إلى الترميز الذي يحدد بداية ونهاية العنصر.

يمكن كتابة أسماء العناصر (والسمات) بأي مزيج من الأحرف الكبيرة والصغيرة في لغة HTML، ولكن يجب أن تكون بأحرف صغيرة في لغة XHTML. [ 12 ] كان الشكل المتعارف عليه هو الأحرف الكبيرة حتى إصدار HTML 4 ، وكان يُستخدم في مواصفات HTML، ولكن في السنوات الأخيرة، أصبح استخدام الأحرف الصغيرة أكثر شيوعًا.

أنواع العناصر

هناك ثلاثة أنواع من عناصر HTML : العناصر العادية، وعناصر النص الخام، والعناصر الفارغة.

تحتوي العناصر العادية عادةً على وسم بداية ووسم نهاية، مع أنه يمكن حذف وسم النهاية، أو كلا الوسمين، في بعض العناصر. ويتم بناؤها بطريقة مماثلة:

  • علامة البداية ( ) التي تحدد بداية عنصر، والتي قد تتضمن أي عدد من سمات HTML ؛<tag>
  • بعض المحتوى ، بما في ذلك النصوص والعناصر الأخرى؛
  • علامة نهاية ، حيث يتم وضع شرطة مائلة قبل اسم العنصر : .</tag>

يتم إنشاء عناصر النص الخام (المعروفة أيضًا باسم عناصر النص أو عناصر النص فقط) باستخدام:

  • علامة بداية (بالصيغة ) تشير إلى بداية عنصر، والتي قد تتضمن أي عدد من سمات HTML؛<tag>
  • بعض المحتوى النصي ، ولكن بدون عناصر (سيتم تفسير جميع العلامات، باستثناء علامة النهاية المناسبة، على أنها محتوى)؛
  • الوسم الختامي هو وسم يُسبق فيه اسم العنصر بشرطة مائلة . في بعض إصدارات HTML، يكون الوسم الختامي اختياريًا لبعض العناصر، بينما يُعدّ إلزاميًا في XHTML.</tag>

ومن الأمثلة على ذلك العنصر الذي يجب ألا يحتوي على عناصر أخرى (بما في ذلك ترميز النص)، بل على نص عادي فقط .<title>

العناصر الفارغة (وتُسمى أحيانًا العناصر المفردة أو العناصر المستقلة) تحتوي فقط على وسم بداية (على شكل <input>)، والذي يتضمن سمات HTML. لا يجوز أن تحتوي على أي عناصر فرعية، مثل النصوص أو غيرها. وللتوافق معXHTML، تسمح مواصفات HTMLبمسافة اختيارية وشرطة مائلة(يُسمح بها). الشرطة المائلة مطلوبة فيXHTMLXMLالأخرى. من العناصر الفارغة الشائعة <input>(لفاصل أسطر إجباري، كما في قصيدة أو عنوان) و<input>(لفاصل موضوعي). غالبًا ما تكون العناصر الأخرى عناصر نائبة تُشير إلى ملفات خارجية، مثلعنصر الصورة (<image>). تُشير السمات المُضمنة في عنصر الصورة إلى الملف الخارجي المعني. مثال آخر على عنصر فارغ هو <img>، والذي يكون تركيبه كالتالي:<tag><tag/><br/><hr/><img/><link/>

< link rel = "stylesheet" href = "fancy.css" type = "text/css" >

يُشير هذا العنصر إلى ورقة أنماط المتصفح لاستخدامها عند عرض مستند HTML للمستخدم. في صيغة HTML، لا يلزم وضع علامات اقتباس حول السمات إذا كانت تتكون فقط من أحرف معينة: حروف، أرقام، شرطة ناقص، ونقطة. أما عند استخدام صيغة XML (XHTML)، فيجب وضع جميع السمات بين علامتي اقتباس، ويجب وضع شرطة مائلة بعد المسافة قبل القوس الزاوي الأخير.<link/>

< link rel = "stylesheet" href = "fancy.css" type = "text/css" />

صفات

تُحدد سمات HTML السلوك المطلوب أو تُشير إلى خصائص إضافية للعنصر. تتطلب معظم السمات قيمة . في HTML، يمكن ترك القيمة بدون علامات اقتباس إذا لم تتضمن مسافات ()، أو يمكن وضعها بين علامتي اقتباس مفردة أو مزدوجة (أو). أما في XML ، فعلامات الاقتباس هذه إلزامية.attribute=valueattribute='value'attribute="value"

أما السمات المنطقية ، من ناحية أخرى، فلا تتطلب تحديد قيمة. ومن الأمثلة على ذلك سمة checkedمربعات الاختيار:

< input type = "checkbox checked ">

أما في صيغة XML (وبالتالي XHTML )، فإن القيمة مطلوبة، ويجب تكرار الاسم كقيمة:

<input type= "checkbox" checked= "checked" />

معايير العناصر

تم تعريف عناصر HTML في سلسلة من المعايير المفتوحة المتاحة مجانًا والتي صدرت منذ عام 1995، في البداية من قبل IETF ثم من قبل W3C .

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

في عام 1998، قدمت لغة XML (وهي شكل مبسط من SGML) آليات تسمح لأي شخص بتطوير عناصره الخاصة ودمجها في مستندات XHTML ، لاستخدامها مع وكلاء المستخدم المتوافقين مع XML. [ 13 ]

لاحقًا، أُعيدت كتابة HTML 4.01 بصيغة متوافقة مع XML ، وهي XHTML 1.0 ( HTML القابل للتوسيع ). العناصر في كلتا الصيغتين متطابقة، وفي معظم الحالات، تكون مستندات XHTML 1.0 الصحيحة مستندات HTML 4.01 صحيحة أو شبه صحيحة. تركز هذه المقالة بشكل أساسي على HTML الحقيقي، ما لم يُذكر خلاف ذلك؛ ومع ذلك، تظل قابلة للتطبيق على XHTML. راجع HTML لمناقشة الاختلافات الطفيفة بينهما.

حالة العنصر

منذ الإصدار الأول من لغة HTML، أصبحت العديد من العناصر قديمة الطراز، وتم إهمالها في المعايير اللاحقة، أو أنها لا تظهر على الإطلاق، وفي هذه الحالة تكون غير صالحة (وسيتم اعتبارها غير صالحة، وربما لن يتم عرضها، بواسطة برامج التحقق من صحة المتصفح). [ 14 ]

في HTML 4.01 / XHTML 1.0 ، يتم تعقيد حالة العناصر بسبب وجود ثلاثة أنواع من DTD :

  • الانتقالية ، التي تحتوي على عناصر مهملة، ولكن كان الهدف منها توفير فترة انتقالية يمكن للمؤلفين خلالها تحديث ممارساتهم؛
  • Frameset ، وهي إصدارات من DTDs الانتقالية التي تسمح أيضًا للمؤلفين بكتابة مستندات frameset ؛
  • Strict ، وهو الشكل الأحدث (حتى عام 1999) من لغة HTML.

بدلاً من ذلك، يوفر HTML5 قائمة بالميزات القديمة إلى جانب المحتوى المعياري الموحد . تُصنف هذه الميزات إلى "قديمة ولكنها متوافقة" والتي توجد لها تعليمات تنفيذ، و"غير متوافقة" والتي يجب استبدالها. [ 15 ]

احتوى المعيار الأول ( HTML 2.0 ) على أربعة عناصر مهملة، أحدها غير صالح في HTML 3.2 . جميعها غير صالحة في HTML 4.01 الانتقالي ، الذي أهمل أيضًا عشرة عناصر أخرى. جميع هذه العناصر، بالإضافة إلى عنصرين آخرين، غير صالحة في HTML 4.01 الصارم . مع أن عناصر الإطار لا تزال مستخدمة من حيث وجودها في تعريفات نوع المستند (DTD) الانتقالية وإطارات المجموعة، فلا توجد خطط للإبقاء عليها في المعايير المستقبلية، إذ تم استبدال وظيفتها إلى حد كبير، وهي تُشكّل إشكالية كبيرة فيما يتعلق بإمكانية وصول المستخدم.

(بالمعنى الدقيق للكلمة، فإن أحدث معيار XHTML ، وهو XHTML 1.1 (2001)، لا يتضمن الإطارات على الإطلاق؛ وهو يعادل تقريبًا XHTML 1.0 Strict ، ولكنه يتضمن أيضًا وحدة ترميز Ruby .) [ 16 ]

من مصادر الالتباس الشائعة الاستخدام غير الدقيق لكلمة " مهمل" للإشارة إلى كل من الحالة المهملة وغير الصالحة، وإلى العناصر التي من المتوقع أن يتم إهمالها رسميًا في المستقبل.

المحتوى مقابل العرض والسلوك

منذ إصدار HTML 4، ازداد تركيز لغة HTML على فصل المحتوى (النصوص والصور المرئية) عن طريقة العرض (مثل اللون وحجم الخط والتخطيط). [ 17 ] ويُشار إلى هذا غالبًا بفصل الاهتمامات . تُستخدم لغة HTML لتمثيل بنية أو محتوى المستند، بينما تبقى طريقة عرضه من مسؤولية أوراق أنماط CSS وحدها. يُقترح استخدام ورقة أنماط افتراضية كجزء من معيار CSS، لتوفير طريقة عرض افتراضية لـ HTML. [ 18 ]

يتم فصل السلوك (التفاعل) عن المحتوى، ويتم التعامل معه بواسطة البرامج النصية . تُحفظ الصور في ملفات رسومية منفصلة ، ​​منفصلة عن النص، على الرغم من أنه يمكن اعتبارها جزءًا من محتوى الصفحة.

يُتيح فصل الاهتمامات عرض المستند بواسطة برامج المستخدم المختلفة وفقًا لأغراضها وقدراتها. على سبيل المثال، يمكن لبرنامج المستخدم اختيار نمط عرض مناسب لعرض المستند على شاشة، أو طباعته على ورق، أو تحديد خصائص الكلام في برنامج مستخدم صوتي فقط. وتبقى الوظائف الهيكلية والدلالية للترميز متطابقة في كل حالة.

تاريخيًا، لم تكن برامج تصفح الإنترنت تدعم هذه الميزات دائمًا. في تسعينيات القرن الماضي، وكحل مؤقت، أُضيفت عناصر العرض (مثل <a> و <b> ) إلى لغة HTML، مما أدى إلى مشاكل في التوافق وسهولة الوصول. يُعتبر هذا الأسلوب الآن قديمًا، وقد حل محله التصميم القائم على أوراق الأنماط؛ وأصبحت معظم عناصر العرض مهملة. [ 19 ]<b><i>

تُدمج ملفات الصور الخارجية مع عناصر <img> أو <img> . (مع لغة XHTML ، يمكن أيضًا استخدام لغة SVG لكتابة الرسومات داخل المستند، على الرغم من أن الربط بملفات SVG الخارجية أبسط عمومًا.) [ 20 ] عندما لا تكون الصورة زخرفية بحتة، يسمح HTML بتوفير محتوى بديل ذي قيمة دلالية مماثلة لوكلاء المستخدم غير المرئيين.<img/><object/>

يمكن أيضًا توسيع مستند HTML من خلال استخدام البرامج النصية لتوفير سلوكيات إضافية تتجاوز قدرات الروابط التشعبية والنماذج في HTML.

توفر العناصر و ، مع سمات HTML ذات الصلة ، أوراق الأنماط والبرامج النصية.<style><script>

  • في رأس المستند، وقد يحتوي على روابط لمستندات خارجية مشتركة، أو قد يحتوي على تعليمات مضمنة. ( يمكن أيضًا استخدام العنصر لربط أوراق الأنماط.)<style/><script/><style>...</style><script>...</script><link>
  • <script/>أو يمكن أن يحدث في أي نقطة في المستند (الرأس أو المتن).<script>...</script>
  • تُعد السمة styleصالحة في معظم عناصر نص المستند (على سبيل المثال ) لإدراج تعليمات النمط المضمنة .<divstyle="...">
  • تعتبر سمات معالجة الأحداث ، التي توفر روابط إلى البرامج النصية، اختيارية في معظم العناصر.
  • بالنسبة لوكلاء المستخدم الذين لا يقومون بتشغيل البرامج النصية، يوفر العنصر محتوى بديلاً مضمنًا عند الاقتضاء؛ ومع ذلك، لا يمكن استخدامه إلا في رأس المستند وفي الجسم كعنصر على مستوى الكتلة.<noscript>...</noscript>

عناصر بنية المستند

<html>...</html>
العنصر الجذر في مستند HTML ؛ جميع العناصر الأخرى موجودة بداخله. يحدد عنصر HTML بداية ونهاية مستند HTML.
يمكن حذف كل من وسمي البداية والنهاية (HTML5). [ 7 ]
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
حاوية لمعالجة المعلومات والبيانات الوصفية لمستند HTML.
يمكن حذف كل من وسمي البداية والنهاية واستنتاجهما من العناصر الفرعية (HTML5). [ 7 ]
تم توحيدها في HTML 5.0 ؛ ولا تزال سارية.
<body></body>
حاوية للمحتوى القابل للعرض في مستند HTML.
يمكن حذف كل من وسمي البداية والنهاية واستنتاجهما من العناصر الفرعية (HTML5). [ 7 ]
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.

عناصر رأس المستند

<base />
يُحدد هذا العنصر عنوان URL أساسيًا لجميع hrefالروابط النسبية وغيرها في المستند. يجب أن يظهر قبل أي عنصر يُشير إلى مورد خارجي. يسمح HTML بعنصر واحد فقط لكل مستند. يحتوي هذا العنصر على سمات HTML ، ولكن ليس له محتوى.<base>
تم ذكر نسخة تطويرية من هذا العنصر (كما هو BASEمذكور في علامات HTML ؛ تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<basefont />(deprecated)
يُحدد حجم الخط الأساسي ونوعه ولونه للمستند. يُستخدم مع العناصر. تم إيقاف استخدامه لصالح أوراق الأنماط .<font>
تم توحيدها في HTML 3.2 ؛ تم إهمالها في HTML 4.0 الانتقالي ؛ غير صالحة في HTML 4.0 الصارم .
يتم عرض علامة <ISINDEX> في متصفح نتسكيب 3.0.
<isindex />(deprecated)
<isindex>يمكن أن يظهر هذا العنصر إما في رأس المستند أو في متنه، ولكن مرة واحدة فقط في المستند. سيعرض حقل نص يرسل المعامل الوحيد كـ `<T>` ?stringلتسهيل تحليله بواسطة نصوص CGI بدلاً من إرسال `<T>` ?query=string. انظر النماذج .
يُحدد هذا العنصر روابط إلى مستندات أخرى، مثل روابط " السابق " و "التالي "، أو نسخ بديلة. [ 21 ] من الاستخدامات الشائعة ربطه بأوراق أنماط خارجية ، باستخدام الصيغة التالية : [ 22 ] ومن الاستخدامات الأقل شيوعًا، ولكنها مهمة، توفير تلميحات تنقل متسقة من خلال استخدام التنسيقات المصغرة . تُعرَّف عدة علاقات شائعة، يمكن عرضها للمستخدمين عبر واجهة المتصفح بدلًا من عرضها مباشرةً في صفحة الويب، مثل: . قد يحتوي عنصر المستند على أي عدد من العناصر. يحتوي هذا العنصر على سمات HTML ، ولكن ليس له محتوى.<linkrel="stylesheet"type="text/css"href="url"title="description_of_style"><linkrel="next"href="url"><head><link/>
LINKكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<meta />

يمكن استخدام عنصر meta لتحديد بيانات وصفية إضافية حول المستند، مثل المؤلف، وتاريخ النشر، وتاريخ انتهاء الصلاحية، واللغة، وعنوان الصفحة، ووصف الصفحة، والكلمات المفتاحية، أو أي معلومات أخرى غير متوفرة عبر عناصر رأس المستند الأخرى وسمات HTML . ونظرًا لطبيعتها العامة، تُحدد عناصر meta أزواجًا من المفاتيح والقيم . بشكل عام، ينقل عنصر meta معلومات مخفية حول المستند. يمكن استخدام عدة وسوم meta، ويجب تضمينها جميعًا داخل عنصر head. يُحدد الغرض المحدد لكل عنصر من خلال سماته. خارج لغة XHTML ، غالبًا ما يُستخدم عنصر meta بدون الشرطة المائلة ( /)، على الرغم من كونه عنصرًا فارغًا .<meta/><meta/><meta>

في أحد الأشكال، يمكن للعناصر تحديد رؤوس HTTP التي يجب أن يرسلها خادم الويب قبل المحتوى الفعلي. على سبيل المثال، يحدد هذا العنصر أنه يجب تقديم الصفحة مع رأس HTTP يسمى بقيمة معينة .<meta/><metahttp-equiv="foo"content="bar"/>foobar

في الصيغة العامة، يُحدد العنصر سمات HTML المرتبطة به والتي تصف جوانب صفحة HTML. ولمنع أي لبس محتمل، يمكن إضافة سمة ثالثة اختيارية، تُسمى `<key>`، لتحديد إطار دلالي يُعرّف معنى المفتاح وقيمته. على سبيل المثال، يُعرّف العنصر ` <key> ` نفسه بأنه يحتوي على العنصر `<key>`، بقيمة `<key>` ، من إطار وصف موارد DC أو Dublin Core .<meta/>namecontentscheme<metaname="foo"content="bar"scheme="DC"/><meta/>foobar
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<object>...</object>
يُستخدم هذا العنصر لإدراج كائنات عامة ضمن رأس المستند. ورغم ندرة استخدامه ضمن عنصر معين، إلا أنه يُمكن استخدامه لاستخراج بيانات خارجية وربطها بالمستند الحالي.<head>
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<script>...</script>
يمكن استخدامه كحاوية لتعليمات البرمجة النصية أو كرابط لنص برمجي خارجي باستخدام srcالسمة الاختيارية. [ 23 ] كما يمكن استخدامه في متن المستند لإنشاء محتوى ديناميكي، سواء كان كتلة أو محتوى مضمنًا.
تم توحيدها في HTML 3.2 ؛ ولا تزال سارية.
<style>...</style>
يحدد نمط CSS للمستند، وعادةً ما يكون بالشكل التالي: . يمكن أن يعمل كحاوية لتعليمات النمط أو يرتبط بأوراق أنماط خارجية - على سبيل المثال، في CSS ، مع توجيهات بالشكل التالي: [ 24 ]<styletype="text/css">...</style>@import<style>@importurl;</style>
تم توحيدها في HTML 3.2 ؛ ولا تزال سارية.
<title>...</title>
يُحدد هذا الوسم عنوان المستند. وهو مطلوب في جميع مستندات HTML و XHTML . قد تستخدم برامج تصفح الإنترنت العنوان بطرق مختلفة. على سبيل المثال: يجب ألا يحتوي العنصر على عناصر أخرى، بل على نص فقط. يُسمح بعنصر واحد فقط في المستند.<title><title>
كانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال مستخدمة حتى الآن.

عناصر متن المستند

في المتصفحات المرئية، يمكن عرض العناصر القابلة للعرض إما كعناصر كتلة أو كعناصر مضمنة . وبينما تُعد جميع العناصر جزءًا من تسلسل المستند، تظهر عناصر الكتلة داخل عناصرها الأصلية.

  • كأجسام مستطيلة لا تنقسم عبر الخطوط؛
  • مع هوامش الكتلة، وخصائص العرض والارتفاع التي يمكن ضبطها بشكل مستقل عن العناصر المحيطة.

وعلى العكس من ذلك، يتم التعامل مع العناصر المضمنة كجزء من تدفق نص المستند؛ لا يمكن تحديد هوامشها أو عرضها أو ارتفاعها، وهي تنفصل عبر الأسطر.

عناصر الكتلة

تتميز عناصر الكتلة، أو عناصر مستوى الكتلة، ببنية مستطيلة. وبشكل افتراضي، تمتد هذه العناصر على كامل عرض العنصر الأب، وبالتالي لا تسمح لأي عنصر آخر بشغل نفس المساحة الأفقية التي وُضعت عليها.

يُشار غالبًا إلى البنية المستطيلة لعنصر الكتلة باسم نموذج صندوق CSS ، وهي تتكون من عدة أجزاء. يحتوي كل عنصر على ما يلي:

  • محتوى العنصر هو النص الفعلي (أو الوسائط الأخرى) الموضوعة بين علامتي الفتح والإغلاق للعنصر .
  • الحشو هو المساحة المحيطة بالمحتوى والتي تُشكّل جزءًا من العنصر. لا يُستخدم الحشو لإنشاء مساحة بيضاء بين عنصرين. أي نمط خلفية مُعيّن للعنصر، كصورة أو لون الخلفية، سيكون مرئيًا داخل الحشو. زيادة حجم حشو العنصر تزيد من المساحة التي يشغلها.
  • يمثل حد العنصر نهايته المطلقة، ويمتد على محيطه. ويؤدي سمك الحد إلى زيادة حجم العنصر.
  • هامش العنصر هو المساحة البيضاء المحيطة به. لا يُسمح لمحتوى أي عنصر آخر، أو حشوه، أو حدوده، بالدخول إلى هذه المساحة إلا إذا تم ذلك باستخدام تقنية CSS متقدمة . في معظم تعريفات نوع المستند (DTD) القياسية ، تتداخل الهوامش على جانبي العناصر المختلفة. أما الهوامش في أعلى أو أسفل العنصر، فلا تتداخل، مما يعني أن المساحة البيضاء بين هذه العناصر ستكون مساوية لأكبر هامش بينها.

يشير القسم أعلاه فقط إلى التنفيذ التفصيلي لعرض CSS وليس له أي صلة بعناصر HTML نفسها.

نص أساسي

<p>...</p>
ينشئ فقرة، وربما يكون هذا العنصر هو الأكثر شيوعًا على مستوى الكتلة.
Pكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال مستخدمة حتى الآن.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
عناوين الأقسام على مستويات مختلفة. h1يحدد العنصر <title> أعلى مستوى من العناوين، h2والمستوى التالي (القسم الفرعي)، h3والمستوى الأدنى منه، وهكذا h6. يُشار إليها أحيانًا مجتمعةً باسم "الوسوم"، حيث يشير n إلى أي مستوى من مستويات العناوين المتاحة. تعرض معظم متصفحات الويب العناوين كنص كبير وغامق افتراضيًا، مع إمكانية تغيير ذلك باستخدام CSS . لا تُستخدم عناصر العناوين فقط لإنشاء نص كبير أو غامق، بل لا ينبغي استخدامها لتنسيق النص بشكل صريح. إنما تُستخدم لوصف بنية المستند وتنظيمه. تستخدمها بعض البرامج لإنشاء مخططات تفصيلية وجداول محتويات.hn
كانت العناوين موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.

القوائم

<dl>...</dl>
تتألف قائمة الوصف (المعروفة أيضًا بقائمة الارتباط أو قائمة التعريف) من مجموعات اسم-قيمة، [ 25 ] وكانت تُعرف بقائمة التعريف قبل HTML5. [ 26 ] تُستخدم قوائم الوصف لمجموعات من "المصطلحات والتعريفات، ومواضيع البيانات الوصفية وقيمها، والأسئلة والأجوبة، أو أي مجموعات أخرى من بيانات الاسم-القيمة". [ 27 ]
DLكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال مستخدمة حتى الآن.
<dt>...</dt>
اسم في قائمة وصف (مصطلح تعريف سابق في قائمة تعريف).
DTكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال مستخدمة حتى الآن.
<dd>...</dd>
قيمة في قائمة الوصف (كانت تُعرف سابقًا باسم بيانات التعريف في قائمة التعريف).
DDكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال مستخدمة حتى الآن.
<ol>...</ol>
قائمة مُرتبة (مُرقمة). typeيُمكن استخدام هذه الخاصية لتحديد نوع العلامة المُستخدمة في القائمة، ولكن أوراق الأنماط تُتيح تحكمًا أكبر. الترقيم الافتراضي هو الترقيم العربي. في خاصية HTML: ; أو في تعريف CSS: – مع استبدالها بأحد الخيارات التالية: <oltype="foo">ol{list-style-type:foo;}foo
  • أ، ب، ج  ... – قيمة HTML: A؛ قيمة CSS:upper-alpha
  • أ، ب، ج  ... – قيمة HTML: a؛ قيمة CSS:lower-alpha
  • I، II، III  ... – قيمة HTML: I; قيمة CSS:upper-roman
  • i، ii، iii  ... – قيمة HTML: i; قيمة CSS:lower-roman
  • 1، 2، 3  ... – قيمة HTML: 1؛decimal
توفر لغة CSS خيارات أخرى غير متوفرة في ترميز HTML الخالص، بما في ذلك noneخيارات للأحرف الصينية واليابانية والكورية والعبرية والجورجية والأرمنية. تم إيقاف استخدام السمة في HTML 3.2 و4.01، ولكنها لا تزال مستخدمة في HTML 5.
OLكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<ul>...</ul>
قائمة غير مرتبة (مُنقطة). يُمكن تحديد نوع علامة عنصر القائمة في سمة HTML: `<list> `؛ أو في تعريف CSS: `<list> `، مع استبدال `<list>` بإحدى القيم التالية (تُستخدم القيم نفسها في HTML وCSS): `<list>` (القيمة الافتراضية)، `<list> `، أو ` <list> `. يدعم HTML5 طريقة CSS فقط ؛ أما السمة `<list>` فقد أصبحت مهملة في HTML 3.2 و4.01. يوفر CSS أيضًا ` <list>`، وإمكانية استبدال هذه النقاط بصور مُخصصة.<ultype="foo">ul{list-style-type:foo;}foodiscsquarecirclenone
ULكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال مستخدمة حتى الآن.
<li>...</li>
عنصر قائمة في قوائم مرتبة ( ol) أو غير مرتبة ( ).ul
LIكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال مستخدمة حتى الآن.
<dir>...</dir>(deprecated)
قائمة الدليل. لم يكن الغرض الأصلي من هذا العنصر مدعومًا على نطاق واسع؛ تم إهماله لصالح .<ul>
DIRكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ تم إهمالها في HTML 4.0 الانتقالي ؛ غير صالحة في HTML 4.0 الصارم .

عناصر الكتلة الأخرى

<address>...</address>
معلومات الاتصال بمؤلف الوثيقة.
ADDRESSكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ ولا تزال مستخدمة حتى الآن.
<article>...</article>
يُستخدم للمقالات والمحتويات المشابهة الأخرى.
موحد في HTML5 .
<aside>...</aside>
يُستخدم للمحتوى الموجود في المستند والذي يكون منفصلاً عن محتوى الصفحة الرئيسية، على سبيل المثال، الأشرطة الجانبية أو الإعلانات.
موحد في HTML5 .
<blockquote>...</blockquote>
عنصر Blockquote: اقتباس على مستوى الكتلة ؛ يُعرّف "قسمًا [داخل مستند] مُقتبسًا من مصدر آخر". [ 28 ] قد تُشير السمة cite(لا تُخلط مع العنصر) إلى المصدر، ويجب أن تكون مُعرّف موارد موحدًا ( URI) كاملًا . عادةً ما يكون العرض الافتراضي للاقتباسات على مستوى الكتلة في المتصفحات المرئية هو إزاحتها من كلا الهامشين. وقد أدّى ذلك إلى استخدام العنصر بشكل غير ضروري لمجرد إزاحة الفقرات، بغض النظر عن دلالاتها. مع ذلك، فقد أوقف اتحاد شبكة الويب العالمية (W3C) استخدام العنصر غير الدلالي لمجرد إزاحة النص منذ HTML 4. [ 29 ] يُفضّل استخدام CSS . للاطلاع على الاقتباسات التي لا تحتوي على عناصر على مستوى الكتلة، انظر عنصر quote( ).<cite>blockquote<q>
BLOCKQUOTEكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<center>...</center>(deprecated)
يُنشئ قسمًا مُحاذيًا للوسط على مستوى الكتلة. تم إيقاف استخدامه لصالح عنصر آخر يتم تحديد توسيطه باستخدام أوراق الأنماط.<div>
تم توحيدها في HTML 3.2 ؛ تم إهمالها في HTML 4.0 ؛ غير مدعومة في HTML5 .
<del>...</del>
يشير هذا العنصر إلى قسم محذوف من المحتوى. ويمكن استخدامه أيضاً كعنصر مضمّن .
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<div>...</div>
تقسيم منطقي على مستوى الكتلة. عنصر عام بدون معنى دلالي يُستخدم لتمييز قسم من المستند، عادةً لأغراض مثل العرض أو السلوك الذي يتم التحكم فيه بواسطة أوراق الأنماط أو استدعاءات DOM .
تم اقتراحه في مسودات HTML 3.0 ؛ وتم توحيده في HTML 3.2 ؛ ولا يزال ساري المفعول.
<figure>...</figure>
تُستخدم لتجميع الصور والتعليقات التوضيحية، بالإضافة إلى .<figcaption>
موحد في HTML5 .
<figcaption>...</figcaption>
تعليق للصورة. يوضع دائمًا داخل العنصر.<figure>
موحد في HTML5 .
تُستخدم هذه التذييلات في المستندات. وقد تحتوي على معلومات عن المؤلف أو حقوق النشر، أو روابط إلى صفحات أخرى.
موحد في HTML5 .
تُستخدم هذه العناوين عادةً لرؤوس المستندات. وتحتوي عادةً على محتوى يُعرّف بالصفحة.
موحد في HTML5 .
<hr />
فاصل موضوعي ( أصلاً: خط أفقي). يمكن رسم قواعد العرض باستخدام أوراق الأنماط.
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<ins>...</ins>
يُشير هذا العنصر إلى قسم من المحتوى المُدرج. ويمكن استخدامه أيضًا كعنصر مضمّن .
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<main>...</main>
يحتوي على المحتوى الرئيسي للمستند.
تم توحيدها في HTML 5.1 .
HTML 2.0: قائمة منسدلة. ينبغي أن تكون أكثر اختصارًا من القائمة العادية.<ul>
MENUكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 ؛ تم إهمالها في HTML 4.0 الانتقالي ؛ غير صالحة في HTML 4.0 الصارم ؛ ثم أعيد تعريفها في HTML5 ، وتمت إزالتها في HTML 5.2، ولكنها مدرجة في معيار HTML الحي في عام 2019.
تُستخدم في أقسام التنقل في المقالات (أجزاء من صفحات الويب التي تحتوي على روابط لصفحات ويب أخرى).
موحد في HTML5 .
<noscript>...</noscript>
محتوى بديل للنصوص البرمجية. على عكس النصوص البرمجية، لا يمكن استخدام هذا إلا كعنصر على مستوى الكتلة.
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<pre>...</pre>
نص مُنسّق مسبقًا . يُعرض النص داخل هذا العنصر عادةً بخط غير متناسب تمامًا كما هو مُنسّق في الملف (انظر ASCII art ). بينما تتجاهل المتصفحات المسافات البيضاء لعناصر HTML الأخرى، في هذا العنصر ، تُعرض المسافات البيضاء كما هي. (باستخدام خصائص CSS التالية: ، يمكن عرض العناصر الأخرى بنفس الطريقة). يمكن أن يحتوي هذا العنصر على أي عنصر مضمّن باستثناء: ، ، ، ، ، و .<pre>...</pre>{white-space:pre;font-family:monospace;}<image><object><big><small><sup><sub>...</sub>
PREكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<section>...</section>
يُستخدم هذا القسم للأقسام العامة من المستند. ويختلف هذا عن القسم الذي يُستخدم فقط لاحتواء أقسام الصفحة، والتي يُعرّفها اتحاد شبكة الويب العالمية (W3C) بأنها مجموعة من المحتوى ذي موضوع متشابه.<div>
موحد في HTML5 .
<script>...</script>
يُدرج هذا العنصر نصًا برمجيًا في المستند. ويمكن استخدامه أيضًا في قسم <head> وفي سياقات المحتوى المضمن. يُمكن استخدامه مع سمة لتوفير عنوان URL لتحميل النص البرمجي منه، أو استخدامه حول محتوى النص البرمجي المضمن. ملاحظة: ليس هذا العنصر بحد ذاته عنصرًا من نوع block أو inline؛ إذ لا ينبغي عرضه بمفرده، ولكنه قد يحتوي على تعليمات لإنشاء محتوى من نوع block أو inline ديناميكيًا.<script/>src<script>...</script><script>
تم توحيدها في HTML 3.2 ؛ ولا تزال سارية.

العناصر المضمنة

لا يمكن وضع العناصر المضمنة مباشرة داخل العنصر؛ بل يجب أن تكون متداخلة بالكامل داخل عناصر مستوى الكتلة. [ 30 ]<body>

مِرسَاة

<a>...</a>

يُطلق على عنصر الرابط اسم "رابط" لأن مصممي المواقع الإلكترونية يستخدمونه لربط عنوان URL بنص معين على صفحة الويب. عندما يشاهد المستخدمون صفحة الويب في متصفح، يمكنهم النقر على النص لتفعيل الرابط وزيارة الصفحة التي يحتوي الرابط على عنوان URL الخاص بها. [ 31 ]

في لغة HTML، يمكن أن يكون "المرساة" إما نقطة الأصل ( نص المرساة ) أو نقطة النهاية (الوجهة) للرابط التشعبي . عند استخدامه كنقطة أصل، يتم تعيين السمة `<a>` href، [ 32 ] لإنشاء رابط تشعبي؛ ويمكن أن يشير إلى جزء آخر من المستند أو إلى مورد آخر (مثل صفحة ويب) باستخدام عنوان URL خارجي . أما عند استخدامه كنقطة نهاية، فيتم تعيين السمةname `<a>` أو ` <a>` في HTML ، مما يسمح بربط العنصر من عنوان URL عبر مُعرّف جزء . ويمكن استخدام كلا الشكلين، نقطة الأصل والمرساة، في آنٍ واحد.id

في HTML5، يمكن الآن تحويل أي عنصر إلى هدف باستخدام idالسمة، [ 33 ] لذلك فإن استخدام ليس ضروريًا، على الرغم من أن هذه الطريقة لإضافة الروابط لا تزال تعمل.<aname="foo">...</a>

على سبيل المثال: رأس قسم جدول المحتويات فيexample.comيمكن تحويل الصفحة الرئيسية للموقع إلى هدف عن طريق كتابة: . الآن بعد أن تم تحديد القسم كهدف، يمكن الإشارة إليه من مواقع خارجية برابط مثل: ؛ أو برابط على نفس الصفحة مثل: .<h2><aname="contents">Table of contents</a></h2><ahref="http://example.com#contents">see contents</a><ahref="#contents">contents, above</a>

يمكن ضبط السمة titleلتقديم معلومات موجزة حول الرابط: .<ahref="URL"title="additional information">link text</a>

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

Aكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0 .

عناصر العبارة

تُستخدم عناصر العبارة لتمييز العبارات وإضافة بنية أو معنى دلالي لأجزاء النص. على سبيل المثال، يمكن استخدام الوسمين <br> و <br> لإضافة تأكيد إلى النص.<em><strong>

عام
<abbr>...</abbr>
يشير إلى اختصار ، ويمكنه إتاحة الشكل الكامل:<abbrtitle="abbreviation">abbr.</abbr>
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<acronym>...</acronym>(deprecated)
يشبه العنصر ، ولكنه يشير إلى اختصار :<abbr><acronymtitle="Hyper-Text Mark-up Language">HTML</acronym>
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية، ولكنها غير مدعومة في HTML5 . البديل الموصى به هو abbrالوسم <script>. [ 34 ]
<dfn>...</dfn>
تعريف مضمن لمصطلح واحد.
DFNكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها بالكامل في HTML 3.2 ؛ ولا تزال سارية.
<em>...</em>
التأكيد (يُعرض عادةً بخط مائل)
EMكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<strong>...</strong>
الأهمية ؛ في الأصل تأكيد قوي (يُعرض عادةً بخط غامق). قد يستخدم وكيل المستخدم الصوتي أصواتًا مختلفة للتأكيد.
STRONGكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية، وتم إعادة تعريفها في HTML5.
عناصر عبارات الحاسوب

تُعد هذه العناصر مفيدة بشكل أساسي لتوثيق تطوير برامج الكمبيوتر وتفاعل المستخدم من خلال التمييز بين التعليمات البرمجية المصدرية ( )، والمتغيرات ( )، ومدخلات المستخدم ( )، ومخرجات الجهاز الطرفي أو غيرها ( ).<code><var><kbd><samp>

<code>...</code>
مقتطف من التعليمات البرمجية ( code example). يتم عرضه عادةً بخط أحادي المسافة.
CODEكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<kbd>...</kbd>
لوحة المفاتيح – النص الذي سيدخله المستخدم ( kbd example).
KBDكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<samp>...</samp>
مثال على المخرجات - من برنامج أو نص برمجي: (مثال نموذجي).
SAMPكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<var>...</var>
متغير ( مثال متغير ).
VARكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.

عرض تقديمي

بما أن ترميز العرض المرئي ينطبق مباشرةً على المتصفحات المرئية فقط، يُنصح بتجنب استخدامه. يُفضل استخدام أوراق الأنماط بدلاً منه. بعض هذه العناصر مهملة أو غير صالحة في HTML 4 / XHTML 1.0، والباقي غير صالح في المسودة الحالية لـ XHTML 2.0 . مع ذلك، تُعيد المسودة الحالية لـ HTML5 تضمين العناصر <a> و <b> و <c>، مع إعطاء كل منها معنى دلاليًا جديدًا. في مستند HTML5 ، لم يعد يُنصح بتجنب استخدام هذه العناصر، شريطة أن يكون استخدامها صحيحًا من الناحية الدلالية. <s><u><small>

<b>...</b>
في HTML 4 ، يُنصح بتعيين الخط إلى غامق كلما أمكن. المكافئ في CSS هو: . عادةً ما يكون للعنصر نفس التأثير في المتصفحات المرئية، بالإضافة إلى دلالته الأعمق، في HTML 4.01 . أما في HTML5 ، فله معنى خاص به، يختلف عن معنى . فهو يشير إلى "نص يُلفت الانتباه إليه لأغراض عملية دون إضفاء أي أهمية إضافية ودون أي دلالة على صوت أو مزاج مختلف". [ 35 ]{font-weight:bold;}<strong><b><strong>
Bكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية، وتم إعادة تعريفها في HTML5.
<i>...</i>
في HTML 4 ، يُنصح بتعيين الخط إلى مائل كلما أمكن. يُعادل ذلك في CSS : . يُعطي استخدام نفس التأثير البصري في معظم المتصفحات، بالإضافة إلى دلالته الدلالية كتأكيد ، وذلك في HTML 4.01 . (للخط المائل، لأغراض الطباعة البحتة، استخدامات أخرى غير التأكيد، كما هو مُوضح في HTML 5). أما في HTML5 ، فيحمل دلالته الخاصة، المُختلفة عن . فهو يُشير إلى "جودة نص مُختلفة" أو "صوت أو حالة بديلة"، مثل فكرة، أو اسم سفينة، أو اسم نوع ثنائي ، أو عبارة بلغة أجنبية، إلخ. [ 36 ]{font-style:italic;}<em>...</em><i><em>
Iكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية، وتم إعادة تعريفها في HTML5.
<u>...</u>
في HTML 4 ، يُستخدم النص المسطر . ما يُعادله في CSS: . تم إيقاف استخدامه في HTML 4.01 . تمت استعادته في HTML5 . في HTML5 ، يُشير العنصر إلى "جزء من النص مع تعليق غير نصي غير مُفصّل، ولكنه مُصوّر بشكل واضح، مثل تصنيف النص على أنه اسم علم في اللغة الصينية (علامة اسم علم صيني)، أو تصنيف النص على أنه مكتوب بشكل خاطئ". تُذكّر مواصفات HTML5 المطورين بأن العناصر الأخرى أكثر ملاءمة في أغلب الأحيان من وتُحذّر المصممين من استخدام النص المسطر حيث يُمكن الخلط بينه وبين رابط تشعبي. [ 37 ]{text-decoration:underline;}<u><u>
Uكانت هذه الخاصية موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 3.2، ولكن تم إهمالها في HTML 4.0 الانتقالي ، وأصبحت غير صالحة في HTML 4.0 الصارم . ثم أعيد تقديمها في HTML5 .
<small>...</small>
في HTML 4 ، تم تصغير حجم الخط ( نص أصغر ). في CSS المكافئ: في HTML5 ، يشير العنصر إلى "التعليقات الجانبية مثل الطباعة الصغيرة". [ 38 ] وقد تسبب هذا في بعض الالتباس مع العنصر.{font-size:smaller;}<small><aside>...</aside>
تم توحيدها في HTML 3.2 ؛ ولا تزال سارية.
<s>...</s>
في لغة HTML 4 ، كان العنصر <Tricturethrough> يشير إلى النص المشطوب ( Strikethrough ) وكان مكافئًا للعنصر <Tricturethrough> . أما في لغة HTML5 ، فيشير العنصر <Tricturethrough> إلى معلومات "لم تعد دقيقة أو لم تعد ذات صلة"، ويجب عدم الخلط بينه وبين العنصر <Tricturethrough> الذي يشير إلى الإزالة/الحذف. [ 39 ]<strike><s><del>
Sتم إيقاف استخدامها في HTML 4.0 Transitional (لأنها لم تظهر في أي معيار سابق)، وكانت غير صالحة في HTML 4.0 Strict . أُعيد تقديمها في HTML5 ، الذي أوقف استخدامها بدلاً من ذلك .<strike>
<big>...</big>(deprecated)
زيادة حجم الخط ( نص أكبر ). ما يعادل ذلك في CSS:{font-size:larger;}
تم توحيدها في HTML 3.2 ؛ غير مدعومة في HTML5 .
<strike>...</strike>(deprecated)
نص مشطوب ( Strikethrough )، (ما يعادله في CSS: ){text-decoration:line-through;}
STRIKEتم توحيدها في HTML 3.2 ؛ تم إهمالها في HTML 4.0 الانتقالي ؛ غير صالحة في HTML 4.0 الصارم .
<tt>...</tt>(deprecated)
خط ثابت العرض ( يشبه خط الآلة الكاتبة )، ويُعرف أيضاً باسم خط التلتايب ، ومن هنا جاء اسم "tt". (ما يعادله في CSS :){font-family:monospace;}
TTكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ غير مدعومة [ 40 ] في HTML5. البدائل الممكنة: لتمييز مدخلات المستخدم، للمتغيرات (عادةً ما يتم عرضها بخط مائل، وليس مع تغيير إلى خط ثابت المسافة)، لرمز المصدر، للمخرجات. [ 40 ]<kbd><var><code><samp>
<font>...</font>(deprecated)
<font[color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> يمكنك تحديد لون الخط باستخدام colorالسمة (لاحظ التهجئة الأمريكية)، ونوع الخط باستخدام faceالسمة، والحجم المطلق أو النسبي باستخدام sizeالسمة. أمثلة (جميع الاستخدامات مهملة، استخدم بدائل CSS إن أمكن):
  • <fontcolor="green">text</font>يُنشئ نصًا أخضر .
  • <fontcolor="#114499">text</font>يقوم بإنشاء نص بلون سداسي عشري #114499 .
  • <fontsize="4">text</font>يقوم بإنشاء نص بحجم 4. الأحجام من 1 إلى 7. الحجم القياسي هو 3، ما لم يتم تحديد خلاف ذلك في <body> أو علامات أخرى.
  • <fontsize="+1">text</font>يُنشئ نصًا بحجم أكبر بمقدار 1 من الحجم القياسي. والعكس صحيح.<fontsize="-1">text</font>
  • <fontface="Courier">text</font>يقوم بإنشاء نص باستخدام خط Courier.

ما يعادل خصائص الخط في CSS:

  • <fontsize="N">يتوافق مع (لا تحدد مواصفات HTML العلاقة بين الحجم N وحجم الوحدة Y ، كما أنها لا تحدد وحدة).{font-size:Yunits}
  • <fontcolor="red">يتوافق مع{color:red;}
  • <fontface="Times New Roman">يتوافق مع – يدعم CSS مجموعة الخطوط ، المكونة من خطين بديلين أو أكثر.{font-family:'Times New Roman',Times,serif;}
مُوحّد في HTML 3.2 ؛ مُهمل في HTML 4.0 الانتقالي ؛ غير صالح في HTML 4.0 الصارم . ليس جزءًا من HTML5.

فترة

<span>...</span>
قسم منطقي مضمن. عنصر عام بدون معنى دلالي يُستخدم لتمييز قسم من المستند، عادةً لأغراض مثل العرض أو السلوك الذي يتم التحكم فيه بواسطة أوراق الأنماط أو استدعاءات DOM .
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.

عناصر مضمنة أخرى

<br />
فاصل أسطر. [ 11 ] : 48
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<bdi>...</bdi>
يعزل قسمًا مضمنًا من النص قد يكون منسقًا في اتجاه مختلف عن النصوص الأخرى خارجه، مثل المحتوى الذي ينشئه المستخدمون والذي يكون اتجاهه غير معروف.
موحد في HTML5 .
<bdo>...</bdo>
يشير إلى قسم مضمن من النص يكون اتجاه القراءة فيه معاكساً لاتجاه قراءة العنصر الأصل.
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<cite>...</cite>
اقتباس أو مرجع لاقتباس أو بيان في الوثيقة.
كانت خاصية CITE موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
ملاحظة: تم تعديل مواصفات HTML 5 بشكل مربك ، [ 41 ] بما في ذلك فيما يتعلق بهذا العنصر. في HTML 4 والإصدارات الأقدم، كان يُستخدم هذا العنصر للإشارة إلى "اقتباس أو مرجع لمصادر أخرى" دون أي قيود أو متطلبات محددة. [ 42 ] تستخدم مواصفات W3C HTML 5 نسخة محسّنة من هذه الفكرة، تعكس كيفية استخدام العنصر تاريخيًا، ولكنها تشترط الآن أن يحتوي على (على سبيل المثال لا الحصر) واحد على الأقل مما يلي: "عنوان العمل أو اسم المؤلف (شخص، أشخاص، أو مؤسسة) أو مرجع URL، أو مرجع بصيغة مختصرة وفقًا للاتفاقيات المستخدمة لإضافة بيانات الاقتباس الوصفية." [ 43 ] لكن مواصفات WHATWG تسمح فقط باستخدام هذا العنصر حول عنوان العمل. [ 44 ] بدأت مواصفات W3C بالتعريف الأوسع، ثم تحولت إلى التعريف الأضيق بعد أن أجرت WHATWG هذا التغيير. ومع ذلك، تراجعت منظمة W3C عن تغييرها في عام 2012، استجابةً لتعليقات سلبية من مجتمع المطورين؛ كان العنصر مستخدمًا على نطاق واسع مع نطاق أوسع، على سبيل المثال، تقوم منصات المدونات والمنتديات المختلفة بتغليف معرفات المعلقين وعناوين البريد الإلكتروني في ، وكان الأشخاص الذين يستخدمون العنصر للاستشهادات الببليوغرافية (ولا يزالون) يغلّفون كل استشهاد بالكامل بشكل روتيني في هذا العنصر. <cite><cite>...</cite>

تتمثل إحدى مشكلات هذا العنصر في أن مجموعة عمل WHATWG توصي بجعله مائلاً افتراضياً (وهو ما تفعله معظم المتصفحات)، لأنه (من وجهة نظرهم) مخصص لعناوين المنشورات فقط. مع ذلك، جرت العادة على أن تُكتب أنواع معينة من العناوين بخط مائل، بينما يُفترض وضع أنواع أخرى بين علامتي اقتباس، وقد تختلف المعايير باختلاف سياق النشر واللغة. ونتيجةً لذلك، يستخدم العديد من مُنشئي المواقع الإلكترونية ومديريها ورقة أنماط عامة للموقع لإلغاء خاصية الخط المائل التلقائي لهذا العنصر.

<data>...</data>
يربط المحتوى المضمن بترجمة قابلة للقراءة آلياً.
تم توحيدها في HTML5 . [ 45 ]
<del>...</del>
نص محذوف. يُعرض عادةً على شكل خط يتوسطه :نص محذوف.
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<ins>...</ins>
نص مُدرج. يُستخدم غالبًا لتمييز النص البديل للمواد المشطوبة بعلامة أو . عادةً ما يكون مُسطّرًا .<del><s>النص المُدرج.
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
يمكن استخدام كل من عنصري <br> و <br> كعناصر كتلة: حيث يحتويان على عناصر كتلة وعناصر مضمنة أخرى. مع ذلك، يجب أن تبقى هذه العناصر بالكامل داخل العنصر الأب للحفاظ على بنية سليمة لمستند HTML. على سبيل المثال، لحذف نص من منتصف فقرة واحدة عبر عدة فقرات أخرى وصولاً إلى فقرة أخيرة، يلزم استخدام ثلاثة عناصر منفصلة. عنصران مضمنان مطلوبان للإشارة إلى حذف النص في الفقرتين الأولى والأخيرة، وعنصر ثالث، يُستخدم كعنصر كتلة، للإشارة إلى الحذف في الفقرات الفاصلة.<ins><del><del><del>
<mark>...</mark>
مخصص لتسليط الضوء على النص ذي الصلة أو تمييزه في الاقتباس:النص المميز
موحد في HTML5 .
<q>...</q>
الاقتباس المضمن (للاطلاع على الاقتباس على مستوى الكتلة، انظر [رابط ]). يمكن تضمين عناصر الاقتباس. من المفترض أن يتم إنشاء علامات الاقتباس تلقائيًا بالتزامن مع أوراق الأنماط. قد تُجبر المخاوف العملية الناتجة عن عدم توافق المتصفحات المؤلفين على إيجاد حلول بديلة. تُحدد السمة المصدر، ويجب أن تكون عنوان URI كاملًا .<blockquote><q>cite
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<rb>...</rb>
يمثل المكون الأساسي لتعليق روبي .
تم توحيدها في HTML5 . [ 46 ]
<rp>...</rp>
يوفر أقواسًا احتياطية للمتصفحات التي تفتقر إلى دعم التعليقات التوضيحية في لغة روبي .
تم توحيدها في HTML5 . [ 47 ]
<rt>...</rt>
يشير إلى طريقة نطق حرف في تعليق روبي .
تم توحيدها في HTML5 . [ 48 ]
<rtc>...</rtc>
التعليقات الدلالية لتعليق روبي .
تم توحيدها في HTML5 . [ 49 ]
<ruby>...</ruby>
يمثل هذا تعليقًا مكتوبًا بلغة روبي لعرض نطق الأحرف الآسيوية الشرقية.
تم توحيدها في HTML5 . [ 50 ]
<script>...</script>
يُدرج هذا العنصر نصًا برمجيًا في المستند. ويمكن استخدامه أيضًا في قسم <head> وفي سياقات الكتل. ملاحظة: ليس هذا العنصر بحد ذاته عنصر كتلة أو عنصرًا مضمنًا؛ إذ لا ينبغي عرضه مطلقًا، ولكنه قد يحتوي على تعليمات لإنشاء محتوى كتلة أو محتوى مضمن ديناميكيًا.<script>
تم توحيدها في HTML 3.2 ؛ ولا تزال سارية.
<sub>...</sub>
<sup>...</sup>
قم بتمييز النص ذي الخط السفلي أو العلوي . (ما يعادله في CSS: و ، على التوالي.){vertical-align:sub;}{vertical-align:super;}
تم اقتراح كليهما في مسودات HTML 3.0 ؛ وتم توحيدهما في HTML 3.2 ؛ ولا يزالان ساريين.
<template>...</template>
أجزاء من التعليمات البرمجية ليتم نسخها بواسطة البرامج النصية.
تم توحيدها في HTML5 . [ 51 ]
<time>...</time>
يمثل هذا النظام الوقت على نظام الـ 24 ساعة أو التاريخ على التقويم الميلادي ، مع إمكانية إضافة معلومات عن الوقت والمنطقة الزمنية. كما يسمح بعرض الأوقات والتواريخ بصيغة قابلة للقراءة آلياً.
تم توحيدها في HTML5 . [ 52 ]
<wbr />
فاصل كلمات اختياري.
كان يستخدم على نطاق واسع (ويدعمه المتصفحات الرئيسية) [ 53 ] منذ التسعينيات [ 54 ] على الرغم من كونه غير قياسي حتى تم توحيده أخيرًا في HTML5 . [ 55 ]

الصور والأشياء

<applet>...</applet>(deprecated)
يُضمّن تطبيق جافا صغيرًا في الصفحة. تم إيقاف استخدامه لصالح ، لأنه كان يُستخدم فقط مع تطبيقات جافا الصغيرة، وكان له قيود على إمكانية الوصول.<object>
تم توحيدها في HTML 3.2 ؛ تم إهمالها في HTML 4.0 الانتقالي ؛ غير صالحة في HTML 4.0 الصارم ؛ قديمة ومخفية تمامًا في HTML5 .
<area />
يحدد منطقة قابلة للتركيز في .<map>
تم توحيدها في HTML 3.2 ؛ ولا تزال سارية.
<audio>...</audio>
يُضيف هذا الملف الصوتي القابل للتشغيل إلى الصفحة. ويتم تحديد عنوان URL الخاص بالصوت باستخدام srcالسمة. وتختلف تنسيقات الصوت المدعومة من متصفح لآخر.
موحد في HTML5 .
<canvas>...</canvas>
يضيف لوحة رسم يمكن تعديل محتوياتها باستخدام جافا سكريبت . يُستخدم بكثرة في الألعاب عبر الإنترنت.
موحد في HTML5 .
<embed>...</embed>
يقوم بإدراج كائن غير قياسي (مثل تطبيق صغير) أو محتوى خارجي (عادةً ما يكون غير HTML) في المستند.
تم إهمالها في HTML 4 لصالح ، ولكن تمت إضافتها مرة أخرى إلى مواصفات HTML5 [ 56 ] [ 57 ]<object>
<img />
تُستخدم هذه الخاصية من قِبل برامج تصفح الإنترنت المرئية لإدراج صورة في المستند. srcتُحدد هذه الخاصية عنوان URL للصورة. وتُوفر altالخاصية المطلوبة نصًا بديلًا في حال تعذر عرض الصورة. [ 58 ] (مع أن altالغرض منها هو النص البديل، إلا أن متصفح مايكروسوفت إنترنت إكسبلورر 7 والإصدارات الأقدم يعرضها كتلميح إذا لم titleتُحدد أي خاصية. [ 59 ] أما متصفحا سفاري وجوجل كروم ، فلا يعرضان خاصية النص البديل على الإطلاق.) [ 60 ] وقد اقترح مارك أندريسن هذا العنصر لأول مرة ، وتم تطبيقه في متصفح الويب NCSA Mosaic . [ 61 ]<img/>
IMGكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<map>...</map>
يحدد خريطة صور من جانب العميل .
تم توحيدها في HTML 3.2 ؛ ولا تزال سارية.
<object>...</object>
يتضمن عنصرًا في الصفحة من النوع المحدد بواسطة typeالسمة. قد يكون هذا العنصر من أي نوع MIME يفهمه برنامج تصفح الإنترنت، مثل صفحة HTML مضمنة، أو ملفًا يتم التعامل معه بواسطة إضافة مثل Flash ، أو تطبيق Java صغير ، أو ملف صوتي، وما إلى ذلك.
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<param />
تم تقديم هذا العنصر في الأصل مع <header> ، ويُستخدم الآن مع <header> ، ويجب أن يظهر فقط كعنصر فرعي لـ <header> . يستخدم سمات HTML لتعيين معلمات للكائن، مثل العرض والارتفاع ونوع الخط ولون الخلفية، وما إلى ذلك، وذلك حسب نوع الكائن. يمكن أن يحتوي الكائن على عدة عناصر <header>.<applet><object><object><param/>
تم توحيدها في HTML 3.2 ؛ ولا تزال سارية.
<source>...</source>
يُحدد مصادر مختلفة للصوت أو الفيديو. ويستخدم السمة srcبطريقة مشابهة لعناصر و .<video><audio>
موحد في HTML5 .
<track>...</track>
يوفر مسارات نصية، مثل الترجمة المصاحبة والتعليقات التوضيحية، للصوت والفيديو.
موحد في HTML5 .
<video>...</video>
يُضيف هذا الكود فيديو HTML قابلاً للتشغيل إلى الصفحة. ويتم تحديد عنوان URL للفيديو باستخدام srcالسمة. وتختلف تنسيقات الفيديو المدعومة من متصفح لآخر.
موحد في HTML5 .

النماذج

يمكن دمج هذه العناصر في نموذج، أو استخدامها بشكل منفصل كعناصر تحكم في واجهة المستخدم في بعض الحالات؛ وفي المستند، يمكن أن تكون عبارة عن HTML بسيط أو تُستخدم بالتزامن مع البرامج النصية. تحدد علامات HTML العناصر التي يتكون منها النموذج، وطريقة إرساله. مع ذلك، يجب استخدام نوع من البرامج النصية ( من جانب الخادم ، أو من جانب العميل، أو كليهما) لمعالجة مدخلات المستخدم بعد إرسالها.

(هذه العناصر إما عناصر كتلة أو عناصر مضمنة، ولكن تم تجميعها هنا لأن استخدامها أكثر تقييدًا من العناصر المضمنة أو عناصر الكتلة الأخرى.)

<form action="url">...</form>
يقوم بإنشاء نموذج . يحدد العنصر وينفذ الإجراء العام لمنطقة النموذج، باستخدام السمة المطلوبة.<form>action
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<button>...</button>
زر نموذج عام يمكن أن يحتوي على مجموعة من العناصر الأخرى لإنشاء أزرار معقدة.
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<datalist>...</datalist>
قائمة optionبالعناصر التي يمكن استخدامها في عناصر النموذج.
موحد في HTML5 .
<fieldset>...</fieldset>
حاوية لإضافة بنية إلى النماذج. على سبيل المثال، يمكن تجميع سلسلة من عناصر التحكم ذات الصلة داخل حاوية ، والتي يمكن بعد ذلك إضافة عنصر إليها لتحديد وظيفتها.<fieldset><legend>
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<input />
<input>تتيح العناصر إمكانية تطبيق مجموعة متنوعة من عناصر التحكم القياسية في النماذج.
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
أنواع الإدخال:
 النوع = مربع اختيار
مربع اختيار . يمكن تحديده أو إلغاء تحديده.
 نوع "راديو"
زر اختيار . إذا تم إعطاء عدة أزرار اختيار نفس الاسم، فلن يتمكن المستخدم إلا من تحديد واحد منها من هذه المجموعة.
 النوع "زر"
زر متعدد الأغراض. يُفضل استخدام هذا العنصر إن أمكن (أي إذا كان العميل يدعمه) لأنه يوفر إمكانيات أوسع.<button>
 اكتب "إرسال"
زر إرسال .
 نوع "صورة"
زر صورة . يمكن تحديد عنوان URL للصورة باستخدام srcالسمة.
 النوع "إعادة تعيين"
زر إعادة الضبط لإعادة النموذج إلى القيم الافتراضية.
 النوع "نص"
حقل إدخال نصي من سطر واحد . تحدد sizeالسمة العرض الافتراضي للإدخال بوحدات عرض الأحرف. max-lengthتحدد الحد الأقصى لعدد الأحرف التي يمكن للمستخدم إدخالها (والتي قد تكون أكبر من الحجم).
إحدى نسخها textتُنتج شريط بحث.
 اكتب "كلمة المرور"
يُعدّ هذا نوعًا مختلفًا من أنواع كلمات المرور text. ويكمن الاختلاف في أن النص المكتوب في هذا الحقل يُخفى ، حيث تُعرض الأحرف على شكل نجمة أو نقطة أو أي رمز آخر. مع ذلك، لا تزال كلمة المرور تُرسل إلى الخادم كنص عادي ، لذا يلزم استخدام بروتوكول اتصال آمن مثل HTTPS إذا كانت السرية مهمة.
 النوع "ملف"
حقل اختيار ملف (لتحميل الملفات إلى الخادم).
 النوع "tel"
صيغة بديلة textلأرقام الهواتف .
 اكتب "البريد الإلكتروني"
صيغة بديلة textلعناوين البريد الإلكتروني .
 النوع "url"
صيغة بديلة textلعناوين URL .
 النوع "تاريخ"
أداة لاختيار التاريخ.
 النوع "الوقت"
محدد الوقت.
 النوع "رقم"
صيغة بديلة textللأرقام.
 النوع "نطاق"
يُنتج شريط تمرير يُرجع رقمًا، لكن الرقم غير مرئي للمستخدم.
 النوع "اللون"
أداة لاختيار الألوان.
 النوع "مخفي"
hiddenلا تظهر المدخلات في الصفحة المعروضة، ولكنها تسمح للمصمم بالاحتفاظ بنسخة من البيانات التي يجب إرسالها إلى الخادم كجزء من النموذج. قد تكون هذه البيانات، على سبيل المثال، بيانات أدخلها مستخدم الويب أو اختارها في نموذج سابق، ويجب معالجتها بالتزامن مع النموذج الحالي. لا تُعرض هذه البيانات للمستخدم، ولكن يمكن تعديلها من جانب العميل عن طريق تحرير كود HTML.
<isindex />(deprecated)
<isindex/>يمكن أن يظهر في رأس المستند أو في متنه، ولكن مرة واحدة فقط في المستند. كان يعمل كنموذج بحث HTML بدائي؛ ولكنه أصبح في الواقع قديمًا مع ظهور نماذج HTML الأكثر تطورًا في أوائل ومنتصف التسعينيات. يُمثل مجموعة من الروابط التشعبية تتكون من معرّف موارد موحد (URI) أساسي، وعلامة العطف (&) ، وكلمات مفتاحية مُشفّرة بنسبة مئوية مفصولة بعلامات زائد (+) .<isindex/>
ISINDEXكانت موجودة في علامات HTML ؛ تم توحيدها في HTML 2.0 ؛ تم إهمالها في HTML 4.0 الانتقالي ؛ غير صالحة في HTML 4.0 الصارم .
<keygen>...</keygen>(deprecated)
مولد أزواج المفاتيح.
تم توحيدها في HTML5 ، ولكن تمت إزالتها في HTML 5.2.
<label for="id">...</label>
يُنشئ تسميةً لحقل إدخال النموذج، مثل radio. يؤدي النقر على التسمية إلى النقر على حقل الإدخال المطابق.
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<legend>...</legend>
شرح (تعليق) لـ .<fieldset>
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<meter>...</meter>
مقياس يحتاج إلى valueسمة. يمكن أن يحتوي أيضًا على: min، low، high، و max.
موحد في HTML5 .
<option value="x">...</option>
يُنشئ عنصرًا في قائمة.<select>
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<optgroup>...</optgroup>
يحدد مجموعة من العناصر في قائمة.<option><select>
تم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<output>...</output>
قيمة عنصر النموذج.
موحد في HTML5 .
<progress>...</progress>
شريط لعرض تقدم إجراء ما.
موحد في HTML5 .
<select name="xyz">...</select>
يُنشئ قائمة اختيار، يمكن للمستخدم من خلالها اختيار خيار واحد. يمكن عرضها كقائمة منسدلة.
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.
<textarea rows="8">...</textarea>
منطقة نص متعددة الأسطر، يُحدد حجمها بواسطة سمات HTML cols(حيث يمثل العمود عرض حرف واحد) rowsوسمات HTML . يقتصر محتوى هذا العنصر على النص العادي، والذي يظهر في منطقة النص كنص افتراضي عند تحميل الصفحة.
تم توحيدها في HTML 2.0 ؛ ولا تزال سارية.

الجداول

تم اقتراح تنسيق جداول HTML في مسودات HTML 3.0 وفي وثيقة RFC 1942 اللاحقة الخاصة بجداول HTML . وقد استُلهم هذا التنسيق من نموذج جداول CALS . أُدرجت بعض العناصر الواردة في هذه المقترحات في HTML 3.2، بينما تم توحيد الشكل الحالي لجداول HTML في HTML 4. (العديد من العناصر المستخدمة داخل الجداول ليست عناصر كتلة ولا عناصر مضمنة ).

<table>...</table>
يُحدد هذا العنصر جدولًا. توجد عدة سمات HTML ممكنة في HTML Transitional، لكن معظمها غير صالح في HTML Strict ويمكن استبداله بأوراق الأنماط. summaryتُعتبر هذه السمة مطلوبة بشكل غير رسمي لأغراض إمكانية الوصول، على الرغم من أن استخدامها ليس بسيطًا.
تم اقتراحه في مسودات HTML 3.0 ؛ وتم توحيده في HTML 3.2 ؛ ولا يزال ساري المفعول.
<tr>...</tr>
يحتوي على صف من الخلايا في .<table>
تم اقتراحه في مسودات HTML 3.0 ؛ وتم توحيده في HTML 3.2 ؛ ولا يزال ساري المفعول.
<th>...</th>
خلية رأسية؛ تُعرض محتوياتها عادةً بخط غامق وفي المنتصف. قد يستخدم وكيل المستخدم الصوتي صوتًا أعلى لهذه العناصر.<table>
تم اقتراحه في مسودات HTML 3.0 ؛ وتم توحيده في HTML 3.2 ؛ ولا يزال ساري المفعول.
<td>...</td>
خلية بيانات.<table>
تم اقتراحه في مسودات HTML 3.0 ؛ وتم توحيده في HTML 3.2 ؛ ولا يزال ساري المفعول.
<colgroup>...</colgroup>
يحدد مجموعة أعمدة في .<table>
تم اقتراحها في جداول HTML ؛ وتم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<col>...</col>
يحدد عمودًا في .<table>
تم اقتراحها في جداول HTML ؛ وتم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<caption>...</caption>
يحدد عنوانًا لـ .<table>
تم اقتراحه في مسودات HTML 3.0 ؛ وتم توحيده في HTML 3.2 ؛ ولا يزال ساري المفعول.
<thead>...</thead>
يحدد هذا الجزء من رأس الجدول . قد يكرر وكيل المستخدم هذا القسم إذا تم تقسيم الجدول عبر صفحات (في الطباعة أو الوسائط الأخرى ذات الصفحات).<table>
تم اقتراحها في جداول HTML ؛ وتم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<tbody>...</tbody>
يحدد مجموعة من البيانات لـ .<table>
تم اقتراحها في جداول HTML ؛ وتم توحيدها في HTML 4.0 ؛ ولا تزال سارية.
<tfoot>...</tfoot>
يحدد هذا الجزء التذييلي من الجدول . ومثل هذا الجزء، قد يكرره وكيل المستخدم إذا تم تقسيم الجدول عبر صفحات (في الطباعة أو الوسائط الأخرى ذات الصفحات).<table><thead>
تم اقتراحها في جداول HTML ؛ وتم توحيدها في HTML 4.0 ؛ ولا تزال سارية.

إطارات

تتيح الإطارات تقسيم نافذة متصفح HTML المرئية إلى أجزاء، يعرض كل منها مستندًا مختلفًا. يُسهم ذلك في تقليل استهلاك النطاق الترددي، حيث يمكن استخدام الأجزاء المتكررة من التصميم في إطار واحد، بينما يُعرض المحتوى المتغير في إطار آخر. قد يؤثر هذا سلبًا على سهولة الاستخدام، خاصةً في المتصفحات غير المرئية [ 62 ] ، نظرًا لعرض مستندات (أو مواقع ويب) منفصلة ومستقلة بجوار بعضها البعض، مع السماح لها بالتفاعل مع نفس النافذة الرئيسية. لهذا السبب، لا يُسمح باستخدام الإطارات (باستثناء عنصر <img>) إلا في مجموعة إطارات HTML 4.01. يمكن للإطارات المضمنة (iframes) أيضًا استضافة مستندات على خوادم مختلفة. في هذه الحالة، يحظر المتصفح التفاعل بين النوافذ. تستخدم مواقع مثل فيسبوك وتويتر الإطارات المضمنة لعرض محتوى ( إضافات ) على مواقع ويب خارجية. كما يستخدم جوجل أدسنس الإطارات المضمنة لعرض إعلانات بانر على مواقع ويب خارجية.<iframe>

في HTML 4.01، يمكن أن يحتوي المستند على عنصر <a> وعنصر <a> أو عنصر <a> وعنصر <a> ، ولكن ليس كليهما . ومع ذلك، يمكن استخدام عنصر <a> في نص المستند العادي.<head><body><head><frameset><body><frameset><iframe>

<frameset>...</frameset>(deprecated)
يحتوي على مجموعة العناصر الخاصة بالمستند. يتم تحديد تخطيط الإطارات بواسطة قوائم مفصولة بفواصل في سمات HTML .<frame/>rowscols
تم توحيدها في HTML 4.0 Frameset، وأصبحت قديمة في HTML5.
<frame />(deprecated)
يُحدد إطارًا واحدًا، أو منطقة، داخل العنصر . يتم ربط مستند منفصل بإطار باستخدام السمة داخل العنصر.<frameset>src<frame/>
تم توحيدها في HTML 4.0 Frameset، وأصبحت قديمة في HTML5.
<noframes>...</noframes>(deprecated)
يحتوي على محتوى HTML عادي لبرامج تصفح الإنترنت التي لا تدعم العناصر.<frame/>
تم توحيدها في HTML 4.0 الانتقالي، وأصبحت قديمة في HTML5.
<iframe>...</iframe>
يُتيح الإطار المضمن وضع مستند HTML آخر داخل إطار. على عكس عنصر <img>، يُمكن أن يكون الإطار المضمن هو الإطار "المستهدف" للروابط المُعرّفة بواسطة عناصر أخرى، كما يُمكن أن يختاره متصفح المستخدم ليكون محور التركيز للطباعة، أو عرض مصدره، وما إلى ذلك. يُستخدم محتوى عنصر <img> كنص بديل للعرض في حال عدم دعم المتصفح للإطارات المضمنة. يتم ربط مستند منفصل بإطار باستخدام السمة <img> داخل عنصر <img> ، بينما يتم تضمين كود HTML مضمن في إطار باستخدام السمة <img> داخل عنصر <img>.<object/><iframe>src<iframe/>srcdoc<iframe/>
تم تقديمه لأول مرة بواسطة متصفح مايكروسوفت إنترنت إكسبلورر في عام 1997، وتم توحيده في HTML 4.0 الانتقالي، وتم السماح به في HTML5.

longdescيصف

في لغة HTML ، longdescتُستخدم السمة `<img>` ضمن عناصر `<img> ` أو `<img>` أو `<img> `. من المفترض أن تكون هذه السمة رابطًا (URL) [ ملاحظة 5 ] لمستند يحتوي على وصف مُفصّل للصورة أو الإطار أو الإطار المُضمّن (iframe) المعني. [ 63 ] يجب أن تحتوي هذه السمة على رابط URL، وليس - كما هو شائع خطأً - نص الوصف نفسه.<img/><frame/><iframe>

longdescصُممت هذه الخاصية لتُستخدم بواسطة برامج قراءة الشاشة لعرض معلومات الصور لمستخدمي الحاسوب الذين يعانون من مشاكل في الوصول ، مثل المكفوفين أو ضعاف البصر ، وهي مُطبقة على نطاق واسع في كلٍ من متصفحات الويب وبرامج قراءة الشاشة. [ 64 ] يعترض بعض المطورين [ 65 ] على أنها نادرًا ما تُستخدم لهذا الغرض، نظرًا لقلة عدد المؤلفين الذين يستخدمون هذه الخاصية، ومعظمهم يستخدمونها بشكل خاطئ؛ لذا، يُوصون بإيقاف استخدامها longdesc. [ 66 ] وقد استجابت صناعة النشر، داعيةً إلى الإبقاء عليها longdesc. [ 67 ]

مثال

< img src = "Hello.jpg" longdesc = "description.html" >

محتوى description.html:

<br /> <p> هذه صورة لكعكة عيد ميلاد مكونة من طبقتين . < / p > ... 

رابط إلى الوصف المطول في النص

بما أن عدداً قليلاً جداً من المتصفحات الرسومية يدعم إتاحة الرابط بشكل أصلي (باستثناء Opera و iCab)، فمن المفيد تضمين رابط لصفحة الوصف بالقرب من العنصر كلما أمكن ذلك، حيث يمكن أن يساعد هذا أيضاً المستخدمين المبصرين.<img/>

مثال
< img src = " Hello.jpg " longdesc = " description.html " / > [ <a href="description.html" title="وصف الصورة المطول"> D </a> ]

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

كانت العناصر التالية جزءًا من لغة HTML المبكرة التي طورها تيم بيرنرز لي من عام 1989 إلى عام 1991؛ وقد تم ذكرها في علامات HTML ، ولكن تم إهمالها في HTML 2.0 ولم تكن أبدًا جزءًا من معايير HTML.

<listing>...</listing>(deprecated)
يعرض هذا العنصر النص الموجود داخل الوسوم بخط أحادي المسافة ودون تفسير كود HTML. توصي مواصفات HTML 2.0 بعرض العنصر بحد أقصى 132 حرفًا في السطر الواحد.
تم إيقاف استخدامها في HTML 3.2 ؛ وأصبحت قديمة في HTML5 . [ 68 ]
<plaintext>(deprecated)
<plaintext>لا يحتوي على علامة نهاية لأنه ينهي الترميز ويتسبب في تحليل بقية المستند كما لو كان نصًا عاديًا .
<plaintext>كانت موجودة في علامات HTML ؛ تم إهمالها في HTML 2.0 ؛ غير صالحة في HTML 4.0 .
<xmp>...</xmp>(deprecated)
يعرض هذا العنصر النص الموجود داخل الوسوم بخط أحادي المسافة ودون تفسير كود HTML. توصي مواصفات HTML 2.0 بعرض العنصر بمعدل 80 حرفًا في السطر الواحد.
تم إيقاف استخدامها في HTML 3.2 ؛ وأصبحت قديمة في HTML5 . [ 69 ]
<nextid>(deprecated)
مكّن هذا العنصر أداة تصميم مواقع الويب NeXT من إنشاء تسميات أسماء تلقائية لروابطها، وقد تم إنشاؤه تلقائيًا هو نفسه. [ 68 ]
<nextid>كانت موجودة في علامات HTML (وصفت بأنها قديمة)؛ تم إهمالها في HTML 2.0 ؛ غير صالحة في HTML 3.2 والإصدارات الأحدث.

العناصر غير القياسية

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

يتسبب في وميض النص. تم إدخاله كتقليد لرموز الهروب ANSI . يمكن تنفيذه باستخدام CSS حيثما كان ذلك مدعومًا: (قد يكون لهذا التأثير عواقب سلبية على الأشخاص المصابين بالصرع الحساس للضوء ؛ [ 70 ] يجب أن يتبع استخدامه على الإنترنت العام الإرشادات المناسبة.){text-decoration:blink}
<blink>نشأت هذه الخاصية في متصفح نتسكيب نافيغيتور ، وهي معروفة بشكل أساسي في المتصفحات اللاحقة، بما في ذلك فايرفوكس ؛ وقد أصبحت مهملة أو غير صالحة في HTML 2.0 والإصدارات الأحدث. أما وسم CSS البديل، فرغم أنه قياسي، إلا أنه ليس من الضروري دعمه.
<layer>...</layer>(deprecated)
يُنشئ طبقةً ذات موضعٍ وإطارٍ مُطلقين. يُمكن القيام بذلك باستخدام الإطارات و/أو CSS. تتضمن السمات: ID ، LEFT ، TOP ، PAGEX ، PAGEY ، SRC ، Z-INDEX ، ABOVE ، WIDTH ، HEIGHT ، BELOW ، CLIP ، VISIBILITY ، و CLIP .
<layer>نشأت في نتسكيب 4 ؛ أصبحت مهملة أو غير صالحة في HTML 4.01 والإصدارات الأحدث.
<marquee>...</marquee>(deprecated)
يُنشئ نصًا متحركًا. يمكن تنفيذ ذلك باستخدام البرمجة النصية. (قد يكون لهذا التأثير آثار سلبية على الأشخاص المصابين بالصرع الحساس للضوء ؛ [ 70 ] لذا يجب أن يلتزم استخدامه على الإنترنت العام بالإرشادات المناسبة). تتوفر ثلاثة خيارات، هي: Alternate ، و Scroll، و slide . كما يمكن إضافة Scrolldelay .
<marquee>نشأت في متصفح مايكروسوفت إنترنت إكسبلورر ؛ أصبحت مهملة أو غير صالحة في HTML 4.01 والإصدارات الأحدث.
<nobr>...</nobr>(deprecated)
يمنع هذا الإجراء انقسام النص عند نهاية السطر، مما يحول دون التفاف الكلمات عندما يتجاوز النص عرض العنصر المحيط. قد ينقسم النص المجاور قبله وبعده. يمكن تحقيق ذلك باستخدام CSS.{white-space:nowrap;}
<nobr>هو عنصر خاص تتعرف عليه معظم المتصفحات لأسباب تتعلق بالتوافق؛ تم إهماله أو أصبح غير صالح في HTML 2.0 والإصدارات الأحدث.
<noembed>...</noembed>(deprecated)
يُحدد محتوى بديلاً في حال تعذر عرض المحتوى المضمن. ويتم استبداله بمحتوى العنصر أو العنصر .<embed><object>

تعليقات

<!-- A Comment -->

يستخدم التعليق في لغة HTML (و XML و SGML و SHTML ذات الصلة) نفس بناء الجملة مثل تعليق SGML أو تعليق XML ، اعتمادًا على نوع المستند.

على عكس معظم وسوم HTML، لا يمكن تضمين التعليقات داخل بعضها. وبشكل عام، هناك بعض النصوص التي لا يُسمح بظهورها في نص التعليق، وهي: -->و(نهاية التعليق، وبالتالي لا يمكن أن تظهر داخله)، و --!>. بالإضافة إلى ذلك، لا يمكن أن تظهر السلاسل النصية >و ->في بداية التعليق، <!-ولا في نهايته. [ 71 ]

ونتيجة لذلك، <!--Xbegin<!--Y-->Xend-->فإن الترميز غير صحيح وسيؤدي إلى ظهور التعليقXbegin < !--YوالنصXend-- >بعد ذلك، أو أحيانًا فقطXend-- >، وذلك بحسب المتصفح.

يمكن أن تظهر التعليقات في أي مكان في المستند، حيث من المفترض أن يتجاهلها محلل HTML بغض النظر عن مكان ظهورها طالما أنها ليست داخل هياكل علامات HTML أخرى (أي لا يمكن استخدامها بجوار السمات والقيم؛ فهذا ترميز غير صالح:) .<span id="x1"<!--for "extension one"-->style="...">

يمكن أن تظهر التعليقات حتى قبل تعريف نوع المستند؛ ولا يُسمح لأي علامات أخرى بالقيام بذلك.

مع ذلك، لا تتوافق جميع المتصفحات ومحررات HTML بشكل كامل مع إطار عمل بناء جملة HTML، وقد تتصرف بشكل غير متوقع في بعض الحالات. يؤثر سوء معالجة التعليقات على حوالي 5% فقط من جميع المتصفحات ومحررات HTML المستخدمة، وحتى في هذه الحالة، تتأثر إصدارات معينة فقط بمشاكل سوء معالجة التعليقات (يمثل Internet Explorer 6 النسبة الأكبر من هذه النسبة المرتفعة).

توجد بعض المشاكل المتعلقة بالتوافق فيما يخص التعليقات:

  • سيؤدي وضع التعليقات - أو أي أحرف باستثناء المسافات البيضاء - قبل عنصر <head> doctypeإلى استخدام متصفح إنترنت إكسبلورر 6 وضع التوافق مع الإصدارات السابقة لصفحة HTML. ولن doctypeتتم معالجة أي من المعلومات.
  • لضمان التوافق مع بعض المتصفحات التي صدرت قبل عام ١٩٩٥، لا تزال محتويات عناصر <script> و <script> محاطة أحيانًا بعلامات تعليق، وقد صُممت المتصفحات التي تدعم CSS و Script لتجاهل علامات التعليق هذه تحديدًا باعتبارها ليست تعليقًا فعليًا. هذا يعني أن محاولات تعطيل علامات CSS و Script عن طريق تغيير العناصر داخل التعليق بحيث لا يتم التعرف عليها، على سبيل المثال <script> .<style><script><--[script]...[/script] -->
  • يُظهر محرر HTML من BlueGriffon ، في الإصدارات 1.7.x ، تعليقات غير مضمنة في بنية الصيغة، وتظهر على الشاشة. وقد تعاني محررات HTML الأخرى من نفس المشكلة.<style>...{commenttags}...</style>

انظر أيضاً

ملحوظات

  1. يُعدّ HTML 4.01 أحدَ عددٍ قليلٍ من تعريفات نوع المستند (DTD) المعروفة لـ HTML. وقد تم اختياره هنا كأفضل مثال توضيحي، على الرغم من أن السلوك نفسه ينطبق على تعريفات نوع المستند الأخرى التي نشرتها W3C لـ HTML.
  2. لا يزال من الممكن استخدام ميزة تشبه الماكرو في DTDs داخل XML.
  3. يتمثل أحد الاختلافات الطفيفة في أن لغة XML، حتى بعد واجهة DOM، حساسة لحالة الأحرف. [ 8 ]
  4. ومع ذلك، انظرللاستثناء الحتمي.<object>
  5. هو معرّف موارد موحد (IRI) وليس عنوان URL؛ على الرغم من أن عناوين URL هي مجموعة فرعية من معرّفات الموارد الموحدة (IRI).

مراجع

  1. مساهمو موقع mozilla.org (18 أغسطس 2025). "Node - Web API" . وثائق MDN على الويب . تم الاطلاع عليه بتاريخ 5 سبتمبر 2025 .
  2. "§3 حول SGML وHTML" . مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. §3.2.1 العناصر.
  3. "حول SGML وHTML" . www.w3.org . تاريخ الاسترجاع: 11-10-2025 .
  4. 1 2 "HTML 5.1 الإصدار الثاني § 8.1.2.4. الوسوم الاختيارية" . WHATWG . 2025-09-14 . تم الاطلاع عليه بتاريخ 2025-09-14 .
  5. "§3 حول SGML وHTML" . مواصفات HTML 4.01 . اتحاد شبكة الويب العالمية (W3C) . 24 ديسمبر 1999. §3.1 مقدمة إلى SGML.
  6. "HTML 4.01، §21، تعريف نوع المستند" . W3C . 24 ديسمبر 1999.
  7. 1 2 3 4 5 "معيار HTML § الوسوم الاختيارية" . WHATWG . تم الاطلاع عليه بتاريخ 22 مارس 2019 .
  8. "§1. نموذج كائن المستند HTML" . مواصفات نموذج كائن المستند (DOM) المستوى 2 HTML . W3C . 9 يناير 2003. §1.3. XHTML ونموذج كائن المستند HTML.
  9. 1 2 "§7 البنية العامة لمستند HTML" . مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. §7.5.3 عناصر مستوى الكتلة والعناصر المضمنة.
  10. مارك نيوهوس (27 سبتمبر 2002). "تصميم CSS: ترويض القوائم" . A List Apart .
  11. 1 2 3 4 داكيت، جون (2011). HTML وCSS: تصميم وبناء مواقع الويب . جون وايلي وأولاده، شركة . ISBN 978-1-118-00818-8.
  12. XHTML 1.0 §4.2
  13. XML 1.0 (تُعد القدرة على إنتاج عناصر إضافية جزءًا من قابلية التوسع في الاختصار.)
  14. XML 1.0 §5.1
  15. WHATWGLS . § 15
  16. XHTML 1.1 §A
  17. "HTML & CSS" . W3C . 2013.
  18. "الملحق د. ورقة الأنماط الافتراضية لـ HTML 4" . مواصفات أوراق الأنماط المتتالية المستوى 2 المراجعة 1 (CSS 2.1) . W3C . 7 يونيو 2011.
  19. HTML 4.01 §14.1
  20. فيرايولو، ج.؛ فوجيساوا، ج.؛ جاكسون، د.، محرران. (14 يناير 2003). "القسم 2.3 خيارات استخدام SVG في صفحات الويب" . مواصفات الرسومات المتجهة القابلة للتوسيع (SVG) 1.1 . اتحاد شبكة الويب العالمية (W3C ). تم الاطلاع عليه بتاريخ 25 مارس 2009 .
  21. HTML 4.01 §12.3
  22. HTML 4.01 §14.3.2
  23. HTML 4.01 §18
  24. CSS §1.1
  25. "4.4 تجميع المحتوى - HTML5" . HTML5: مفردات وواجهات برمجة تطبيقات مرتبطة بها لـ HTML وXHTML - توصية W3C . اتحاد شبكة الويب العالمية . 28 أكتوبر 2014. §4.4.8 عنصر dl . تم الاطلاع عليه في 16 أغسطس 2015 .
  26. "القوائم في مستندات HTML" . مواصفات HTML 4.01 - توصية W3C . اتحاد شبكة الويب العالمية. 24 ديسمبر 1999. §10.3 قوائم التعريف: عناصر DL وDT وDD . تم الاطلاع عليه في 2 مايو 2015 .
  27. "HTML5: مفردات وواجهات برمجة تطبيقات مرتبطة بـ HTML و XHTML، مسودة عمل W3C" . W3C . 5 أبريل 2011..
  28. "4.4.4 عنصر الاقتباس - HTML5" . اتحاد شبكة الويب العالمية . تم الاطلاع عليه بتاريخ 11 نوفمبر 2015 .
  29. تعريف HTML لـ "blockquote"
  30. HTML 4.01 ، W3C ، تم الاطلاع عليه بتاريخ 26-03-2012
  31. تيتل، إد؛ بورميستر، ماري سي. (2005). HTML 4 للمبتدئين ( الطبعة الخامسة). هوبوكين، نيو جيرسي: وايلي. ص 96. ISBN   978-0-7645-8917-1تم الاطلاع عليه بتاريخ 7 أغسطس 2022 .
  32. "ServerWriter -- /Provider" . W3C .
  33. "HTML 5.2" . W3C .
  34. علامة الاختصار ، اختصار.
  35. 4.6 دلالات مستوى النص — عنصر b ، Developers.whatwg.org ، تم الاطلاع عليه بتاريخ 26-03-2012
  36. 4.6 دلالات مستوى النص — عنصر i ، Developers.whatwg.org ، تم الاطلاع عليه بتاريخ 26-03-2012
  37. 4.6 دلالات مستوى النص — عنصر u ، Developers.whatwg.org ، تم الاطلاع عليه بتاريخ 26-03-2012
  38. 4.6 دلالات مستوى النص — العنصر الصغير ، Developers.whatwg.org ، تم استرجاعه في 26 مارس 2012
  39. 4.6 دلالات مستوى النص — عنصر s ، Developers.whatwg.org ، تم الاطلاع عليه بتاريخ 26-03-2012
  40. 1 2 11 ميزات مهملة — HTML5 ، W3C ، تم الاطلاع عليه بتاريخ 26-03-2012
  41. «تم الانتهاء من مواصفات HTML5، والجدل حولها مستمر» . آرس تكنيكا. 29 أكتوبر 2014. تم الاطلاع عليه بتاريخ 29 أكتوبر 2014 .
  42. "9.2.1 عناصر العبارة: EM، STRONG، DFN، CODE، SAMP، KBD، VAR، CITE، ABBR، وACRONYM" . مواصفات HTML 4.01 . اتحاد شبكة الويب العالمية (W3C) . 24 ديسمبر 1999. تاريخ الاطلاع: 26 يوليو 2018 .
  43. توصية HTML 5.2 W3C ، في "§4.5.6. عنصر الاستشهاد" .
  44. معيار HTML الحي ، في "§4.5.6 عنصر الاستشهاد" .
  45. " < بيانات > " . وثائق MDN على الويب . 24 أبريل 2026.
  46. " علامة HTML <rb> " . www.quackit.com .
  47. " <rp> : عنصر الأقواس الاحتياطية في لغة روبي" . وثائق MDN على الويب . 24 أبريل 2026.
  48. " <rt> : عنصر النص في لغة روبي" . وثائق MDN على الويب . 24 أبريل 2026.
  49. " <rtc> : عنصر حاوية النص في لغة روبي" . وثائق MDN على الويب . 24 أبريل 2026.
  50. " < ruby ​​> " . MDN Web Docs . 24 أبريل 2026.
  51. " < قالب > " . وثائق MDN على الويب . 23 مايو 2026.
  52. " < الوقت > " . وثائق MDN على الويب . 24 أبريل 2026.
  53. " < wbr > " . مستكشف ميزات منصة الويب . مجموعة مجتمع W3C WebDX. 2025. مؤرشف من الأصل في 14 نوفمبر 2025. تم الاسترجاع في 2 يناير 2026 .
  54. تم تقديمها بواسطة متصفح نتسكيب 1.1 (1994) وإنترنت إكسبلورر 2 (1995)، وهما المتصفحان الرئيسيان في ذلك الوقت . انظر: " < wbr > (فاصل الكلمات)" . HTML وXHTML: المرجع الكامل . شركة PINT وشركات ماكجرو هيل. 2003. مؤرشف من الأصل في 24 ديسمبر 2003. تم الاسترجاع في 2 يناير 2026 .
  55. " < wbr > " . MDN مستندات الويب .
  56. جينيفر كيرنين، مؤرشفة بتاريخ 2 نوفمبر 2012 في أرشيف الإنترنت<embed>
  57. W3Schools حول<embed>
  58. لا يمكن تنسيق نص السمة alt باستخدام لغة الترميز؛ ونتيجة لذلك، تم ابتكار طرق أخرى لعرض النص البديل، مثل استبدال صورة فارنر ، لاستيعاب الحالات التي يرغب فيها المبرمج في عرض نص منسق إذا تم تعطيل الصور في متصفح المستخدم.
  59. "ما الجديد في إنترنت إكسبلورر 8 - إمكانية الوصول و ARIA" . MSDN . مايكروسوفت . تم الاطلاع عليه بتاريخ 22-07-2009 .
  60. خطأ رقم 5566 - قيمة سمة ALT لا تظهر أحيانًا عند فقدان الصورة ، Bugs.webkit.org ، تم الاطلاع عليه بتاريخ 26-03-2012
  61. WWW-Talk يناير-مارس 1993: اقتراح وسم جديد: IMG ، 1997.webhistory.org ، تم الاطلاع عليه بتاريخ 26-03-2012
  62. "هل الإطارات سهلة الوصول؟" ... تطرح الإطارات تحديات إضافية تتعلق بسهولة الاستخدام خاصة بالمستخدمين ذوي الإعاقة، وخاصة أولئك الذين يستخدمون برامج قراءة الشاشة.
  63. "الكائنات والصور والتطبيقات المصغرة" . W3C . تم الاطلاع عليه بتاريخ 20-12-2008 .
  64. "InState Longdesc" . تم الاطلاع عليه بتاريخ 2011-09-05 .
  65. "إنشاء صور يسهل الوصول إليها" . WebAim . تم الاسترجاع في 20 ديسمبر 2008 .
  66. استخدام Longdesc - ويكي WHATWG ، Wiki.whatwg.org ، تم الاطلاع عليه بتاريخ 26-03-2012
  67. "الخطأ رقم 13461 - تعليق على العدد رقم 30 (الوصف المطول) من رابطة الناشرين الأمريكيين" . تم الاطلاع عليه بتاريخ 5 سبتمبر 2011 .
  68. 1 2 "الميزات القديمة - غير المتوافقة" . معيار HTML الحي . WHATWG . 22 يوليو 2022. تم الاطلاع عليه في 7 أغسطس 2022 . 
  69. " < xmp > " . MDN Web Docs . 24 فبراير 2023.
  70. 1 2 تشيشولم، ويندي؛ فاندرهايدن، جريج؛ جاكوبس، إيان (5 مايو 1999). "إرشادات إمكانية الوصول إلى محتوى الويب 1.0" . اتحاد شبكة الويب العالمية . تم الاسترجاع في 20 يوليو 2010 .
  71. "معيار HTML" . html.spec.whatwg.org .

فهرس

معايير HTML

HTML 2.0 :
بيرنرز-لي، تيم ؛ كونولي، دان (نوفمبر 1995). لغة ترميز النص التشعبي - 2.0 (RFC 1866) . IETF . doi : 10.17487/RFC1866 . RFC 1866. تاريخ الاسترجاع: 24 مارس 2009 .
HTML 3.2 :
راجيت، ديف (14 يناير 1997). "المواصفات المرجعية لـ HTML 3.2" . اتحاد شبكة الويب العالمية (W3C ). تم الاطلاع عليه بتاريخ 27 مارس 2009 .
HTML 4.01 :
راجيت، ديف ؛ لو هورس، أرنو؛ جاكوبس، إيان (24 ديسمبر 1999). "مواصفات HTML 4.01" . اتحاد شبكة الويب العالمية . تم الاطلاع عليه بتاريخ 24 مارس 2009 .(تم استبدال HTML 4.01 بالإصدار 4.0 (1998)، الذي لم يتم تنفيذه على نطاق واسع، وجميع الإصدارات السابقة. تم استبداله بدوره في 2018-03-27 بواسطة HTML 5.2 ).
XHTML 1.0 :
"XHTML 1.0: لغة ترميز النص التشعبي القابلة للتوسيع (الطبعة الثانية)" . نسخة منقحة. اتحاد شبكة الويب العالمية (W3C) . 1 أغسطس 2002 [2000] . تاريخ الاطلاع: 24 مارس 2009 .
XHTML 1.1 :
ألثيم، موراي؛ ماكارون، شين؛ إيشيكاوا، ماساياسو، محرران. (23 نوفمبر 2010) [2001]. "XHTML 1.1 - XHTML القائم على الوحدات - الطبعة الثانية" . نسخة منقحة. W3C . تاريخ الاسترجاع: 26 يوليو 2018 .(تم استبداله في 27-03-2018 بواسطة HTML 5.2.)
أوستن، دانيال؛ بيروفيمبا، سوبرامانيان؛ ماكارون، شين؛ إيشيكاوا، ماساياسو؛ بيربيك، مارك؛ ألتهايم، موراي؛ بومفري، فرانك؛ دولي، سام؛ شنيتزنباومر، سيباستيان؛ ووغوفسكي، تيد، محرران. (29 يوليو 2010) [2006]. "نمذجة XHTML 1.1 - الطبعة الثانية" . نسخة منقحة. W3C . تاريخ الاسترجاع: 26 يوليو 2018 .(نسخة أكثر تفصيلاً مما سبق. تم استبدالها أيضاً في 27-03-2018 بواسطة HTML 5.2 .)
معيار W3C HTML 5.2 :
فولكنر، ستيف؛ إيشولز، آرون؛ ليتيد، ترافيس؛ دانيلو، أليكس؛ مون، سانغوان؛ دويل نافارا، إريكا؛ أوكونور، تيريزا؛ بيرجون، روبن، محررون. (14 ديسمبر 2017) [2016]. "توصية اتحاد شبكة الويب العالمية (W3C) بشأن HTML 5.2" . نسخة منقحة. اتحاد شبكة الويب العالمية (W3C ). تاريخ الاسترجاع: 26 يوليو 2018 .يحل محل جميع الإصدارات السابقة من HTML و XHTML، بما في ذلك HTML 5.1 .
معيار WHATWG HTML5 الحي :
هيكسون، إيان ، محرر. (25 يوليو 2018). "معيار HTML الحي" . نسخة من صفحة واحدة. WHATWG . تم الاطلاع عليه بتاريخ 26 يوليو 2018 .متوفر أيضًا كإصدار متعدد الصفحات ، وإصدار المطورين (متعدد الصفحات أيضًا، مع وظيفة بحث وأدوات أخرى، وبدون تفاصيل تهم موردي المتصفحات فقط).

مصادر أخرى

علامات HTML :
بيرنرز-لي، تيم (3 نوفمبر 1992). "علامات HTML" . تم الاسترجاع في 28 مارس 2009 .(جزء من أول وصف منشور للغة HTML.)
مسودة الإنترنت HTML 1.2 :
بيرنرز-لي، تيم ؛ كونولي، دان (يونيو 1993). "لغة ترميز النص التشعبي (HTML)" . تم الاسترجاع في 28 مارس 2009 .
مسودات HTML 3.0 :
راجيت، ديف (24 مارس 1995). "مواصفات لغة ترميز النص التشعبي، الإصدار 3.0 (مسودة)" . تم الاطلاع عليه بتاريخ 18 أبريل 2009 .(هذه هي المسودة النهائية لـ HTML 3.0، والتي انتهت صلاحيتها دون تطويرها بشكل أكبر.)
جداول HTML :
راجيت، ديف (مايو 1996). جداول HTML (RFC 1942) . IETF . doi : 10.17487/RFC1942 . RFC 1942. تاريخ الاسترجاع: 22 مارس 2009 .
XML 1.0 :
براي، تيم ؛ باولي، جان ؛ سبيربيرغ-ماكوين، سي. مايكل ؛ مالر، إيف؛ يرجو، فرانسوا، محرران. (26-11-2008). "لغة الترميز القابلة للتوسيع (XML) 1.0 (الطبعة الخامسة)" . اتحاد شبكة الويب العالمية (W3C ). تاريخ الاسترجاع: 20-03-2009 .
CSS 1 :
لي، هاكون ويوم ؛ بوس، بيرت (11 أبريل 2008) [1996]. "أوراق الأنماط المتتالية، المستوى 1" . نسخة منقحة. اتحاد شبكة الويب العالمية . تاريخ الاسترجاع: 26 يوليو 2018 .
CSS 2.1 :
بوس، بيرت ؛ تشيليك، تانتك ؛ هيكسون، إيان ؛ لي، هاكون ويوم (12 أبريل 2016) [2011]. "مواصفات أوراق الأنماط المتتالية المستوى 2، المراجعة 1 (CSS 2.1)" . نسخة منقحة. اتحاد شبكة الويب العالمية (W3C ). تاريخ الاسترجاع: 26 يوليو 2018 .
CSS 3 و 4 :
أتكينز، تاب الابن؛ إيترناد، إليكا جيه؛ ريفوال، فلوريان (31 يناير 2017). "لمحة عن CSS لعام 2017" . اتحاد شبكة الويب العالمية (W3C ). القسم 2. أوراق الأنماط المتتالية (CSS) - التعريف الرسمي . تم الاطلاع عليه بتاريخ 26 يوليو 2018 .(قائمة بالمواصفات النشطة التي حلت محل CSS 2.1، اعتبارًا من تاريخ النشر.)
"الحالة الحالية لـ CSS" . اتحاد شبكة الويب العالمية (W3C) . 2018. تم الاطلاع عليه بتاريخ 26-07-2018 .(تم تطوير مستويي CSS 3 و 4 كوحدات مستقلة، ومفهرسة في تلك الصفحة.)