عنصر HTML

عنصر HTML هو نوع من مكونات مستند HTML (لغة ترميز النص التشعبي)، وهو أحد أنواع عقد HTML (هناك أيضًا عقد نصية وعقد تعليق وغيرها). ^{[ غامض ]} تم كتابة أول إصدار مستخدم من HTML بواسطة Tim Berners-Lee في عام 1993 ومنذ ذلك الحين كانت هناك إصدارات عديدة من HTML. يخضع المعيار الفعلي الحالي لمجموعة الصناعة WHATWG ويعرف باسم HTML Living Standard.

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

المفاهيم

العناصر مقابل العلامات

كما هو مفهوم بشكل عام، يتم الإشارة إلى موضع العنصر على أنه يمتد من علامة البداية وينتهي بعلامة النهاية. ^[1] هذه هي الحال بالنسبة للعديد من العناصر، ولكن ليس كلها، داخل مستند HTML. يتم التأكيد على التمييز صراحةً في مواصفات HTML 4.01 :

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

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

تُستخدم العلامات لتحديد بداية ونهاية العناصر في العلامات. (...) يمكن حذف علامات البداية والنهاية لبعض العناصر العادية، (...)
يجب وضع محتويات العنصر بين بعد علامة البداية مباشرة (والتي قد تكون ضمنية ، في حالات معينة) وقبل علامة النهاية مباشرة (والتي قد تكون ضمنية ، في حالات معينة).
— HTML 5.1 الإصدار الثاني § 8.1.2. العناصر § العلامات

و:

يمكن حذف بعض العلامات .
ملاحظة:
حذف علامة بداية العنصر (...) لا يعني أن العنصر غير موجود؛ فهو ضمني، ولكنه لا يزال موجودًا. على سبيل المثال، تحتوي وثيقة HTML دائمًا على <html>عنصر جذر، حتى إذا لم تظهر السلسلة <html>في أي مكان في الترميز.
— HTML 5.1 الإصدار الثاني § 8.1.2.4. العلامات الاختيارية

نظرًا لأن HTML (قبل HTML5) يعتمد على SGML ، ^[2] فإن تحليله يعتمد أيضًا على تعريف نوع المستند (DTD) ، وتحديدًا HTML DTD (على سبيل المثال HTML 4.01 ^[3]^{[ملاحظة 1]} ). يحدد DTD أنواع العناصر الممكنة (أي أنه يحدد مجموعة أنواع العناصر) وكذلك التركيبات الصالحة التي قد تظهر بها في المستند. إنه جزء من سلوك SGML العام أنه في حالة إمكانية وجود بنية صالحة واحدة فقط (وفقًا لـ DTD)، فإن بيانها الصريح في أي مستند معين ليس مطلوبًا بشكل عام. كمثال بسيط، يجب استكمال العلامة التي تشير إلى بداية عنصر الفقرة بعلامة تشير إلى نهايتها. ولكن نظرًا لأن DTD تنص على أنه لا يمكن تعشيش عناصر الفقرة، فإن جزءًا من مستند HTML يُستنتج أنه يعادل . (إذا لم يكن بإمكان عنصر فقرة واحدة أن يحتوي على عنصر آخر، فيجب إغلاق أي فقرة مفتوحة حاليًا قبل البدء في فقرة أخرى.) نظرًا لأن هذا الاستدلال يعتمد على مزيج من DTD والمستند الفردي، فليس من الممكن عادةً استنتاج العناصر من علامات المستند وحدها ولكن فقط باستخدام محلل متوافق مع SGML أو HTML مع معرفة DTD. ينشئ HTML5 نتيجة مماثلة من خلال تحديد العلامات التي يمكن حذفها. ^[4]<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;مجموعات داخل HTML DTD تقوم بتجميع العناصر على أنها "على مستوى الكتلة" أو "مضمنة". ^[6] يتم استخدام هذا لتحديد سلوك التعشيش الخاص بها: لا يمكن وضع عناصر مستوى الكتلة في سياق مضمن. ^{[ملاحظة 4] لا يمكن تغيير هذا السلوك؛ فهو ثابت في DTD. تحتوي عناصر الكتلة والمضمنة على سلوكيات}CSS المناسبة والمختلفة المرتبطة بها افتراضيًا، ^[6] بما في ذلك أهمية نموذج الصندوق لأنواع عناصر معينة.

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

ملخص

بناء الجملة

\overbrace {\overbrace {{\mathtt {\color {BrickRed}}\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}هذه فقرة.}} ^{\mathsf {المحتوى}}\overbrace {\mathtt {\color {BrickRed}} ^{\mathsf {نهاية العلامة \atop}}} ^{\mathsf {عنصر}}

أجزاء من عنصر حاوية HTML

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

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

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

< p > P. Sherman < br > 42 Wallaby Way < br > سيدني </ p >

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

< p > P. Sherman < br  /> 42 Wallaby Way < br  /> سيدني </ p >

يتم تحديد سمات HTML داخل علامة البداية. على سبيل المثال، يتوقع <abbr>العنصر الذي يمثل اختصارًاtitle سمة داخل علامة الفتح الخاصة به. يمكن كتابة هذا على النحو التالي:

< abbr  title = "اختصار" > اختصار. </ abbr >

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

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

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

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

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

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

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

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

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

تحتوي عناصر الفراغ (والتي تسمى أحيانًا أيضًا عناصر فارغة أو عناصر مفردة أو عناصر مستقلة) على علامة بداية فقط (في النموذج)، والتي تحتوي على أي سمات HTML. ولا يجوز أن تحتوي على أي عناصر فرعية، مثل النص أو عناصر أخرى. للتوافق معXHTML، تسمح مواصفات HTML^[^which?^]بمسافة اختيارية وشرطة مائلة^[^{مطلوب مصدر}^](مسموح بها). الشرطات المائلة مطلوبة فيXHTML XMLالأخرى. عنصران فارغان شائعان هما(لفاصلسطر صلب، كما هو الحال في قصيدة أو عنوان) و(لفاصل موضوعي). غالبًا ما تكون عناصر أخرى من هذا القبيل بمثابة عناصر نائبة تشير إلى ملفات خارجية، مثلعنصر الصورة ( ). ستشير السمات المضمنة في العنصر بعد ذلك إلى الملف الخارجي المعني. مثال آخر لعنصر الفراغ هو، حيث يكون بناء الجملة الخاص به: <tag><tag /><br /><hr /><img /><link />

< الرابط  rel = "stylesheet"  href = "fancy.css"  النوع = "text/css" >

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

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

صفات

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

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

< نوع الإدخال  = مربع الاختيار محدد >

ومع ذلك ، في بناء جملة XML (وبالتالي XHTML )، هناك حاجة إلى قيمة، ويجب تكرار الاسم كقيمة:

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

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

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

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

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

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

حالة العنصر

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

عناصر هيكل الوثيقة

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

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

<base />

يحدد عنوان URL الأساسي لجميع hrefالروابط النسبية وغيرها في المستند. يجب أن يظهر قبل أي عنصر يشير إلى مورد خارجي. يسمح HTML <base>بعنصر واحد فقط لكل مستند. يحتوي هذا العنصر على سمات HTML ، ولكن لا يحتوي على محتويات.

BASEتم ذكر إصدار تطوير لهذا العنصر (كما هو ) في علامات HTML ؛ موحد في HTML 2.0 ؛ لا يزال ساري المفعول.

<basefont /> (deprecated)

يحدد حجم الخط الأساسي ونوع الخط واللون للمستند. يُستخدم مع <font>العناصر. تم إيقاف استخدامه لصالح أوراق الأنماط .

مُوحَّد في HTML 3.2؛ مُهمل في HTML 4.0 انتقالي؛ غير صالح في HTML 4.0 صارم.

<isindex /> (deprecated)

<isindex>يمكن أن تظهر في رأس المستند أو في النص، ولكن مرة واحدة فقط في المستند. راجع النماذج .

<link />

يحدد ارتباطات إلى مستندات أخرى، مثل الارتباطات السابقة والتالية ، أو الإصدارات البديلة. ^[17] الاستخدام الشائع هو الارتباط بأوراق الأنماط الخارجية ، باستخدام النموذج، . ^[18] الاستخدام الأقل شيوعًا، ولكنه مهم، هو توفير تلميحات التنقل باستمرار من خلال استخدام التنسيقات الصغيرة . يتم تعريف العديد من العلاقات الشائعة، والتي قد يتم عرضها للمستخدمين من خلال واجهة المتصفح بدلاً من عرضها مباشرة في صفحة الويب، مثل: . قد يحتوي عنصر المستند على أي عدد من العناصر. يحتوي هذا العنصر على سمات HTML ، ولكن لا يحتوي على محتويات.<link rel="stylesheet" type="text/css" href="url" title="description_of_style"><link rel="next" href="url"><head><link />

LINKكانت موجودة في HTML Internet Draft 1.2 ، وتم توحيدها في HTML 2.0؛ ولا تزال سارية حتى الآن.

<meta />

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

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

في الشكل العام، <meta />يحدد العنصر السمات nameالمرتبطة بـ contentHTML والتي تصف جوانب صفحة HTML. ولمنع أي غموض محتمل، schemeيمكن توفير سمة ثالثة اختيارية، ، لتحديد إطار دلالي يحدد معنى المفتاح وقيمته. على سبيل المثال، في يحدد العنصر نفسه على أنه يحتوي على العنصر ، بقيمة ، من إطار وصف الموارد DC أو Dublin Core .<meta name="foo" content="bar" scheme="DC" /><meta />foobar

تمت موحدته في HTML 2.0؛ لا يزال ساري المفعول.

<object>...</object>

تُستخدم لتضمين كائنات عامة داخل رأس المستند. ورغم ندرة استخدامها داخل <head>عنصر، فمن الممكن استخدامها لاستخراج بيانات أجنبية وربطها بالمستند الحالي.

تمت موحدته في HTML 4.0؛ لا يزال ساري المفعول.

<script>...</script>

يمكن أن يعمل كحاوية لتعليمات البرنامج النصي أو رابط إلى برنامج نصي خارجي باستخدام srcالسمة الاختيارية. ^[19] يمكن استخدامه أيضًا في نص المستند لتوليد محتوى كتلة أو محتوى مضمن بشكل ديناميكي.

تمت موحدته في HTML 3.2؛ لا يزال ساري المفعول.

<style>...</style>

يحدد نمط CSS للمستند، عادةً في النموذج، . يمكن أن يعمل كحاوية لتعليمات النمط أو رابط إلى أوراق الأنماط الخارجية - على سبيل المثال، في CSS ، مع توجيهات النموذج، ^[20]<style type="text/css"> ... </style>@import <style> @import url; </style>

تمت موحدته في HTML 3.2؛ لا يزال ساري المفعول.

<title>...</title>

يحدد هذا الوسم عنوان المستند. وهو مطلوب في كل مستند HTML و XHTML . قد يستخدم وكلاء المستخدم العنوان بطرق مختلفة. على سبيل المثال:

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

يجب ألا يحتوي العنصر <title>على عناصر أخرى، بل نص فقط. ولا <title>يُسمح إلا بعنصر واحد في المستند.

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

عناصر نص الوثيقة

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

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

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

عناصر الكتلة

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

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

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

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

النص الأساسي

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

القوائم

<dl>...</dl>

تتكون قائمة الوصف (المعروفة أيضًا باسم قائمة الارتباط أو قائمة التعريف) من مجموعات الأسماء والقيم، ^[21] وكانت تُعرف بقائمة التعريف قبل HTML5. ^[22] قوائم الوصف مخصصة لمجموعات "المصطلحات والتعريفات، وموضوعات وقيم البيانات الوصفية، والأسئلة والأجوبة، أو أي مجموعات أخرى من بيانات الأسماء والقيم". ^[23]

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

<dt>...</dt>

اسم في قائمة الوصف (مصطلح التعريف سابقًا في قائمة التعريف).

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

<dd>...</dd>

قيمة في قائمة الوصف (بيانات التعريف سابقًا في قائمة التعريف).

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

<ol>...</ol>

قائمة مرتبة (مرقمة). typeيمكن استخدام الخاصية لتحديد نوع العلامة المراد استخدامها في القائمة، ولكن أوراق الأنماط توفر مزيدًا من التحكم. يكون الترقيم الافتراضي هو الترقيم العربي. في سمة HTML: ; أو في إعلان CSS: – استبدال بأحد العناصر التالية: <ol type="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 Internet Draft 1.2 ، وتم توحيدها في HTML 2.0؛ ولا تزال سارية حتى الآن.

<ul>...</ul>

قائمة غير مرتبة (منقطة). يمكن تحديد نوع علامة عنصر القائمة في سمة HTML: ; أو في إعلان CSS: – استبدالها بأحد القيم التالية (يتم استخدام نفس القيم في HTML وCSS): (القيمة الافتراضية)، أو، أو . لا يتم دعم سوى طريقة CSS في HTML5؛ السمة قديمة في HTML 3.2 و4.01. يوفر CSS أيضًا ، والقدرة على استبدال هذه النقاط بصور مخصصة.<ul type="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 Transitional؛ وهي غير صالحة في HTML 4.0 Strict.

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

<address>...</address>: معلومات الاتصال لمؤلف الوثيقة.; ADDRESSكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0؛ ولا تزال حالية.
<article>...</article>: يتم استخدامه للمقالات والمحتوى المشابه الآخر.; مُوحَّد في HTML5.
<aside>...</aside>: يتم استخدامه للمحتوى الموجود في المستند والذي يكون منفصلاً عن محتوى الصفحة الرئيسية، على سبيل المثال، الأشرطة الجانبية أو الإعلانات.; مُوحَّد في HTML5.
<blockquote>...</blockquote>: اقتباس على مستوى الكتلة ، وذلك عندما يتضمن الاقتباس عناصر على مستوى الكتلة، مثل الفقرات. citeقد تعطي السمة (لا ينبغي الخلط بينها وبين عنصر <cite>) المصدر، ويجب أن تكون معرفًا موحدًا للموارد مؤهلاً بالكامل .
العرض الافتراضي للاقتباسات المقتبسة في المتصفحات المرئية هو عادةً وضعها في مسافات بادئة من كلا الهامش. وقد أدى هذا إلى استخدام العنصر بشكل غير ضروري لوضع مسافات بادئة للفقرات فقط، بغض النظر عن الدلالات. بالنسبة للاقتباسات التي لا تحتوي على عناصر على مستوى الكتلة، راجع عنصر الاقتباس (<q>).; BLOCKQUOTEكانت موجودة في HTML Internet Draft 1.2 ، وتم توحيدها في HTML 2.0؛ ولا تزال سارية. راجع عنصر blockquote لمزيد من المعلومات.
<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.
<footer>...</footer>: تُستخدم لتذييلات المستندات. قد تحتوي هذه على معلومات المؤلف أو حقوق النشر أو روابط لصفحات أخرى.; مُوحَّد في HTML5.
<header>...</header>: تُستخدم لعناوين المستندات. عادةً ما تحتوي هذه العناوين على محتوى يقدم الصفحة.; مُوحَّد في HTML5.
<hr />: فاصل موضوعي (في الأصل: قاعدة أفقية). يمكن رسم قواعد العرض باستخدام أوراق الأنماط.; تمت موحدته في HTML 2.0؛ لا يزال ساري المفعول.
<ins>...</ins>: يحدد قسمًا من المحتوى المُدرج. يمكن أيضًا استخدام هذا العنصر كعنصر مضمّن .; تمت موحدته في HTML 4.0؛ لا يزال ساري المفعول.
<main>...</main>: يحتوي على المحتوى الرئيسي للمستند.; مُوحَّد في HTML 5.1.
<menu>...</menu>: HTML 2.0: قائمة قائمة. يجب أن تكون أكثر إحكاما من <ul>القائمة.; MENUكانت موجودة في علامات HTML ، وتم توحيدها في HTML 2.0؛ وتم إيقافها في HTML 4.0 Transitional؛ وأصبحت غير صالحة في HTML 4.0 Strict؛ ثم أعيد تعريفها في HTML5، وتمت إزالتها في HTML 5.2، ولكنها مدرجة في HTML Living Standard في عام 2019.
<nav>...</nav>: تُستخدم في أقسام التنقل الخاصة بالمقالات (مناطق صفحات الويب التي تحتوي على روابط إلى صفحات ويب أخرى).; مُوحَّد في HTML5.
<noscript>...</noscript>: محتوى بديل للنصوص البرمجية. على عكس النصوص البرمجية، لا يمكن استخدام هذا المحتوى إلا كعنصر على مستوى الكتلة.; تمت موحدته في HTML 4.0؛ لا يزال ساري المفعول.
<pre>...</pre>: نص مُنسَّق مسبقًا . عادةً ما يُعرض النص الموجود داخل هذا العنصر بخط غير متناسب تمامًا كما هو مُوضَّح في الملف (انظر فن ASCII ). وبينما تتجاهل المتصفحات المسافات البيضاء لعناصر HTML الأخرى، في <pre>...</pre>، يجب عرض المسافات البيضاء على أنها مُؤلَّفة. (باستخدام خصائص CSS: ، يمكن تقديم عناصر أخرى بنفس الطريقة.) يمكن أن يحتوي هذا العنصر على أي عنصر مضمَّن باستثناء: <image> و<object> و<big> و<small> و<sup> و<sub>...</sub>.{ white-space: pre; font-family: monospace; }; PREكانت موجودة في HTML Internet Draft 1.2 ، وتم توحيدها في HTML 2.0؛ ولا تزال سارية حتى الآن.
<section>...</section>: يُستخدم هذا العنصر للأقسام العامة من المستند. ويختلف عن <div> في أنه يُستخدم فقط لاحتواء أقسام الصفحة، والتي تعرفها W3C على أنها مجموعة من المحتوى ذات موضوع مماثل.; مُوحَّد في HTML5.
<script>...</script>: يضع نصًا برمجيًا في المستند. ويمكن استخدامه أيضًا في العنوان وفي السياقات المضمنة. ويمكن استخدامه <script />مع srcسمة لتوفير عنوان URL لتحميل النص البرمجي منه، أو استخدامه حول <script>...</script>محتوى النص البرمجي المضمّن. ملاحظة: <script> ليس في حد ذاته عنصر كتلة أو عنصرًا مضمنًا؛ ولا ينبغي عرضه على الإطلاق بمفرده، ولكنه يمكن أن يحتوي على تعليمات لتوليد محتوى كتلة أو مضمن بشكل ديناميكي.; تمت موحدته في HTML 3.2؛ لا يزال ساري المفعول.

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

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

مِرسَاة

<a>...</a>

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

في HTML، يمكن أن يكون المرساة إما الأصل ( نص المرساة ) أو النهاية المستهدفة (الوجهة) للارتباط التشعبي .

باستخدام السمة ^[26]،href يصبح المرساة ارتباطًا تشعبيًا إما إلى جزء آخر من المستند أو مورد آخر (على سبيل المثال صفحة ويب) باستخدام عنوان URL خارجي . بدلاً من ذلك (وأحيانًا في نفس الوقت)، مع تعيين سمات HTML أو ، يصبح العنصر هدف ارتباط. يمكن لمحدد موقع الموارد الموحد (URL) الارتباط بهذا الهدف عبر معرف شظية . في HTML5، يمكن الآن تحويل أي عنصر إلى هدف باستخدام السمة، ^[27] لذا فإن الاستخدام ليس ضروريًا، على الرغم من أن هذه الطريقة لإضافة المراسي لا تزال تعمل.nameid id<a name="foo">...</a>

للتوضيح: رأس قسم جدول المحتويات فيمثال.كوميمكن تحويل الصفحة الرئيسية لموقعك إلى هدف من خلال الكتابة: .<h2><a name="contents">Table of contents</a></h2>

استمرارًا لهذا المثال، الآن بعد أن تم وضع علامة على القسم كهدف، يمكن الرجوع إليه من مواقع خارجية باستخدام رابط مثل: ؛<a href="http://example.com#contents">see contents</a>

أو برابط على نفس الصفحة مثل: .<a href="#contents">contents, above</a>

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

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

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

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

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

عام

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

عناصر العبارات الحاسوبية

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

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

عرض تقديمي

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

<b>...</b>

في HTML 4 ، اضبط الخط ليكون عريضًا حيثما أمكن. CSS المكافئ: . عادةً ما يكون للعنصر نفس التأثير في المتصفحات المرئية، بالإضافة إلى وجود معنى دلالي أكبر، في HTML 4.01 . ومع ذلك، في HTML5 ، له معناه الخاص، والمختلف عن معنى . يشير إلى "نص يتم جذب الانتباه إليه لأغراض نفعية دون نقل أي أهمية إضافية ودون تضمين صوت أو مزاج بديل." ^[29]{ font-weight: bold; }<strong><b><strong>

Bكانت موجودة في HTML Internet Draft 1.2 ، وتم توحيدها في HTML 2.0؛ ولا تزال حالية، وتمت إعادة تعريفها في HTML5.

<i>...</i>

في HTML 4 ، اضبط الخط على الخط المائل حيثما أمكن. CSS المكافئ : . يستخدم نفس التأثير البصري في معظم المتصفحات، بالإضافة إلى وجود معنى دلالي للتأكيد ، في HTML 4.01 . (الخطوط المائلة المطبعية البحتة لها العديد من الأغراض غير التأكيدية، كما هو معترف به بشكل أكثر صراحة في HTML 5.) ومع ذلك، في HTML5 ، لها معناها الدلالي الخاص، والمختلف عن معنى . يشير إلى "نوعية مختلفة من النص" أو "صوت أو مزاج بديل" على سبيل المثال، فكرة، اسم سفينة، اسم نوع ثنائي ، عبارة بلغة أجنبية، إلخ. ^[30]{ font-style: italic; }<em>...</em><i><em>

Iكانت موجودة في HTML Internet Draft 1.2 ، وتم توحيدها في HTML 2.0؛ ولا تزال حالية، وتمت إعادة تعريفها في HTML5.

<u>...</u>

في HTML 4 ، النص المسطر . CSS المكافئ: . تم إيقاف استخدامه في HTML 4.01 . تم استعادته في HTML5. في HTML5 ، يشير العنصر إلى "امتداد نص به تعليق غير نصي غير مفصل، وإن كان مُقدمًا بشكل صريح، مثل وضع علامة على النص باعتباره اسمًا خاصًا في نص صيني (علامة اسم خاص صيني)، أو وضع علامة على النص باعتباره مكتوبًا بشكل خاطئ". تذكّر مواصفات HTML5 المطورين بأن العناصر الأخرى تكون دائمًا أكثر ملاءمة من وتنصح المصممين بعدم استخدام النص المسطر حيث يمكن الخلط بينه وبين ارتباط تشعبي. ^[31]{ text-decoration: underline; }<u><u>

Uكانت موجودة في HTML Internet Draft 1.2 ، وتم توحيدها في HTML 3.2 ولكن تم إيقافها في HTML 4.0 Transitional وكانت غير صالحة في HTML 4.0 Strict. وتم إعادة تقديمها في HTML5.

<small>...</small>

في HTML 4 ، تم تقليل حجم الخط ( نص أصغر ). CSS المكافئ: في HTML5 ، يشير العنصر إلى "التعليقات الجانبية مثل الطباعة الصغيرة". ^[32] وقد تسبب هذا في بعض الارتباك مع العنصر.{ font-size: smaller; }<small><aside>...</aside>

تمت موحدته في HTML 3.2؛ لا يزال ساري المفعول.

<s>...</s>

في HTML 4 ، يشير إلى نص مشطوب ( ~~Strikethrough~~ ) وكان معادلاً لـ <strike>. في HTML5 ، <s>يشير العنصر إلى المعلومات التي "لم تعد دقيقة أو لم تعد ذات صلة"، ولا ينبغي الخلط بينها وبين <del>، والتي تشير إلى الإزالة/الحذف. ^[33]

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 Transitional؛ غير صالح في HTML 4.0 Strict.

<tt>...</tt> (deprecated)

الخط ذو العرض الثابت ( مثل الخط الموجود في الآلة الكاتبة )، والمعروف أيضًا باسم الخط التليتري ، وبالتالي "tt". (CSS المكافئ: ){ font-family: monospace; }

TTكانت موجودة في مسودة الإنترنت HTML 1.2 ، وتم توحيدها في HTML 2.0؛ غير مدعومة ^[34] في HTML5. البدائل الممكنة: <kbd> لتمييز إدخال المستخدم، <var> للمتغيرات (عادة ما تكون مائلة، وليس مع تغيير المسافة بين السطور)، <code> لرمز المصدر، <samp> للإخراج. ^[34]

<font>...</font> (deprecated)

<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> يمكن تحديد لون الخط باستخدام colorالسمة (لاحظ التهجئة الأمريكية)، ونوع الخط باستخدام faceالسمة، والحجم المطلق أو النسبي باستخدام sizeالسمة. أمثلة (جميع الاستخدامات قديمة، استخدم مكافئات CSS إذا أمكن):

<font color="green">text</font>ينشئ نصًا باللون الأخضر .
<font color="#114499">text</font>ينشئ نصًا باللون السداسي عشر #114499 .
<font size="4">text</font>ينشئ نصًا بحجم 4. الأحجام من 1 إلى 7. الحجم القياسي هو 3، ما لم يتم تحديد خلاف ذلك في <body> أو العلامات الأخرى.
<font size="+1">text</font>ينشئ نصًا بحجم 1 أكبر من الحجم القياسي. هو العكس.<font size="-1">text</font>
<font face="Courier">text</font>يصنع النص باستخدام خط Courier.

CSS المكافئ لسمات الخط:

<font size="N">يتوافق مع (مواصفات HTML لا تحدد العلاقة بين الحجم N وحجم الوحدة Y ، ولا تحدد وحدة).{font-size: Yunits}
<font color="red">يتوافق مع{ color: red; }
<font face="Times New Roman">يتوافق مع – يدعم CSS مجموعة خطوط مكونة من خطين بديلين أو أكثر.{ font-family: 'Times New Roman', Times, serif; }

تم توحيده في HTML 3.2؛ تم إيقافه في HTML 4.0 Transitional؛ غير صالح في HTML 4.0 Strict. ليس جزءًا من HTML5.

فترة

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

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

<br />: كسر سطر قسري.; تمت موحدته في HTML 2.0؛ لا يزال ساري المفعول.
<bdi>...</bdi>: عزل قسم مضمن من النص قد يكون منسقًا في اتجاه مختلف عن النص الآخر خارجه، مثل المحتوى الذي ينشئه المستخدم ذو الاتجاه غير المعروف.; مُوحَّد في HTML5.
<bdo>...</bdo>: يشير إلى قسم مضمن من النص حيث يكون اتجاه القراءة معاكسًا لاتجاه العنصر الأصلي.; تمت موحدته في HTML 4.0؛ لا يزال ساري المفعول.
<cite>...</cite>: استشهاد أو مرجع لاقتباس أو بيان في المستند.; كانت CITE موجودة في HTML Internet Draft 1.2 ، وتم توحيدها في HTML 2.0؛ ولا تزال سارية حتى الآن.; ملاحظة: تم تقسيم مواصفات HTML 5 بشكل مربك ، ^[35] بما في ذلك فيما يتعلق بهذا العنصر. في HTML 4 والإصدارات السابقة، <cite>كان من أجل "استشهاد أو مرجع لمصادر أخرى" دون أي قيود أو متطلبات معينة. ^[36] تستخدم مواصفات W3C HTML 5 تحسينًا لهذه الفكرة، مما يعكس كيفية استخدام العنصر تاريخيًا، ولكنها تتطلب الآن أن يحتوي (ولكن لا يقتصر على) على واحد على الأقل من "عنوان العمل أو اسم المؤلف (شخص أو أشخاص أو منظمة) أو مرجع URL، أو مرجع في شكل مختصر وفقًا للاتفاقيات المستخدمة لإضافة بيانات وصف الاستشهاد". ^[37] لكن مواصفات WHATWG تسمح فقط باستخدام العنصر حول عنوان العمل. ^[38] بدأت مواصفات W3C بالتعريف الأوسع، ثم تحولت إلى التعريف الضيق للغاية بعد أن أجرت WHATWG هذا التغيير. ومع ذلك، تراجعت W3C عن تغييرها الخاص في عام 2012، استجابةً لملاحظات مجتمع المطورين السلبية؛ كان العنصر مستخدمًا على نطاق واسع مع نطاق أوسع، على سبيل المثال، تقوم منصات المدونات والمنتديات المختلفة بتغليف معرفات المعلقين وعناوين البريد الإلكتروني في <cite>...</cite>، وكان الأشخاص الذين يستخدمون العنصر للاستشهادات الببليوغرافية (ولا يزالون) يلفون بشكل روتيني كل استشهاد كامل في هذا العنصر. مشكلة أخرى مع العنصر هي أن WHATWG توصي بوضعه بالخط المائل افتراضيًا (وبالتالي فإن جميع المتصفحات تقريبًا تفعل ذلك)، لأنه (من وجهة نظرهم) مخصص لعناوين المنشورات فقط. ومع ذلك، وفقًا للاتفاقية، فإن أنواعًا معينة فقط من العناوين تأخذ الخط المائل بالفعل، بينما من المتوقع وضع عناوين أخرى بين علامتي اقتباس، وقد تختلف المعايير بالفعل حسب سياق النشر واللغة. وبالتالي، يستخدم العديد من مؤلفي مواقع الويب والمسؤولين عنها جدول أنماط على مستوى الموقع للتراجع عن الخط المائل التلقائي لهذا العنصر.
<data>...</data>: يربط المحتوى المضمن بترجمة قابلة للقراءة آليًا.; تم توحيده في HTML5. ^[39]
<del>...</del>: نص محذوف. عادة ما يتم عرضه على هيئة نص مشطوب :~~نص محذوف.~~; تمت موحدته في HTML 4.0؛ لا يزال ساري المفعول.
<ins>...</ins>: نص مُدرج. يُستخدم غالبًا لتمييز النص البديل للمادة التي تم وضع علامة عليها بعلامة <del>أو <s>. وعادةً ما يتم عرضه مسطرًا :تم إدراج النص.; تمت موحدته في HTML 4.0؛ لا يزال ساري المفعول.; يمكن أيضًا استخدام عنصري <ins>و <del>كعناصر كتلة: تحتوي على عناصر كتلة أخرى وعناصر مضمنة. ومع ذلك، يجب أن تظل هذه العناصر بالكامل داخل عنصرها الأصلي للحفاظ على مستند HTML جيد التكوين. على سبيل المثال، حذف نص من منتصف فقرة واحدة عبر عدة فقرات أخرى والانتهاء بفقرة أخيرة يتطلب استخدام ثلاثة <del>عناصر منفصلة. <del>يلزم عنصران كعناصر مضمنة للإشارة إلى حذف النص في الفقرتين الأولى والأخيرة، وعنصر ثالث يستخدم كعنصر كتلة للإشارة إلى الحذف في الفقرات الفاصلة.
<mark>...</mark>: ينتج نصًا يبدومثله. مخصص لتسليط الضوء على النص ذي الصلة في الاقتباس.; مُوحَّد في HTML5.
<q>...</q>: اقتباس مضمن (للاقتباس على مستوى الكتلة، انظر <blockquote>). يمكن تعشيش عناصر الاقتباس. <q> يجب أن تولد علامات الاقتباس تلقائيًا بالتزامن مع أوراق الأنماط. قد تجبر المخاوف العملية بسبب عدم امتثال المتصفح المؤلفين على البحث عن حلول بديلة. تقدم السمة المصدر، ويجب أن تكون URIcite مؤهلة بالكامل .; تمت موحدته في HTML 4.0؛ لا يزال ساري المفعول.; ملاحظة: يمكن عرض الاقتباسات الطويلة المضمنة ككتل مسننة (مثل block-quote) باستخدام أوراق الأنماط. على سبيل المثال، باستخدام قاعدة CSS مناسبة مرتبطة بـ q.lengthy:<q class="lengthy">Lengthy quote here.</q>
<rb>...</rb>: يمثل المكون الأساسي لتعليق Ruby .; تم توحيده في HTML5. ^[40]
<rp>...</rp>: يوفر أقواسًا احتياطية للمتصفحات التي تفتقر إلى دعم التعليقات التوضيحية للروبي .; تم توحيده في HTML5. ^[41]
<rt>...</rt>: يشير إلى نطق حرف في تعليق روبي .; تم توحيده في HTML5. ^[42]
<rtc>...</rtc>: التعليقات الدلالية لتعليقات روبي .; تم توحيده في HTML5. ^[43]
<ruby>...</ruby>: يمثل تعليقًا باللون الياقوتي لإظهار نطق الأحرف في شرق آسيا.; تم توحيده في HTML5. ^[44]
<script>...</script>: يضع نصًا برمجيًا في المستند. ويمكن استخدامه أيضًا في سياقات الرأس والكتلة. ملاحظة: <script> لا يعتبر بحد ذاته عنصر كتلة أو عنصرًا مضمنًا؛ ولا ينبغي عرضه بمفرده على الإطلاق، ولكنه يمكن أن يحتوي على تعليمات لإنشاء محتوى كتلة أو مضمن بشكل ديناميكي.; تمت موحدته في HTML 3.2؛ لا يزال ساري المفعول.
<sub>...</sub>
<sup>...</sup>: قم بوضع علامة على النص _{المكتوب أسفل السطر} أو ^{أعلى السطر} . (CSS المكافئ: و ، على التوالي.){ vertical-align: sub; }{ vertical-align: super; }; تم اقتراح كلا منهما في مسودات HTML 3.0؛ وتم توحيدهما في HTML 3.2؛ ولا يزالان ساريين حتى الآن.
<template>...</template>: أجزاء من التعليمات البرمجية التي سيتم نسخها بواسطة البرامج النصية.; تم توحيده في HTML5. ^[45]
<time>...</time>: يمثل الوقت على مدار الساعة المكونة من 24 ساعة أو التاريخ على التقويم الغريغوري ، مع معلومات الوقت والمنطقة الزمنية اختياريًا. كما يسمح أيضًا بتمثيل الأوقات والتاريخ بتنسيق قابل للقراءة آليًا.; تم توحيده في HTML5. ^[46]
<wbr />: فاصل كلمة اختياري.; تم استخدامه على نطاق واسع (وتم دعمه بواسطة جميع المتصفحات الرئيسية) ^{[ بحاجة لمصدر ]} لسنوات ^{[ إطار زمني؟ ]} على الرغم من كونه غير قياسي حتى تم توحيده أخيرًا في HTML5. ^[47]

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

<applet>...</applet> (deprecated): يقوم بتضمين أداة Java في الصفحة. تم إيقاف استخدامه لصالح <object>، لأنه لا يمكن استخدامه إلا مع أدوات Java، وكان به قيود على إمكانية الوصول.; تم توحيده في HTML 3.2؛ تم إيقافه في HTML 4.0 Transitional؛ غير صالح في HTML 4.0 Strict. اعتبارًا من عام 2011، لا يزال مستخدمًا على نطاق واسع لأن تنفيذات الاستبدال <object>ليست متسقة بين المتصفحات المختلفة.
<area />: يحدد منطقة قابلة للتركيز في <map>.; تمت موحدته في HTML 3.2؛ لا يزال ساري المفعول.
<audio>...</audio>: يضيف صوت HTML قابل للتشغيل إلى الصفحة. يتم تحديد عنوان URL للصوت باستخدام srcالسمة. تختلف تنسيقات الصوت المدعومة من متصفح إلى آخر.; مُوحَّد في HTML5.
<canvas>...</canvas>: يضيف لوحة قماشية يمكن تحرير محتوياتها باستخدام JavaScript . تُستخدم بشكل متكرر في الألعاب عبر الإنترنت.; مُوحَّد في HTML5.
<embed>...</embed>: يقوم بإدراج كائن غير قياسي (مثل أداة صغيرة) أو محتوى خارجي (عادةً ما يكون غير HTML) في المستند.; تم إيقاف استخدامه في HTML 4 لصالح <object>، ولكن تمت إضافته مرة أخرى إلى مواصفات HTML5 ^[48]^[49]
<img />: تستخدمه وكلاء المستخدم المرئيون لإدراج صورة في المستند. srcتحدد السمة عنوان URL للصورة. توفر altالسمة المطلوبة نصًا بديلاً في حالة عدم إمكانية عرض الصورة. ^[50] (على الرغم من altأنه من المقصود أن يكون نصًا بديلاً، إلا أن Microsoft Internet Explorer 7 والإصدارات الأقدم يعرضه كإشارة توضيحية إذا لم titleيتم تقديم أي سمة. ^[51] من ناحية أخرى، لا يعرض Safari و Google Chrome سمة alt على الإطلاق.) ^[52]<img /> تم اقتراح العنصر لأول مرة بواسطة Marc Andreessen وتم تنفيذه في متصفح الويب NCSA Mosaic . ^[53]; IMGكانت موجودة في HTML Internet Draft 1.2 ، وتم توحيدها في HTML 2.0؛ ولا تزال سارية حتى الآن.
<map>...</map>: يحدد خريطة صورة على جانب العميل .; تمت موحدته في HTML 3.2؛ لا يزال ساري المفعول.
<object>...</object>: يتضمن كائنًا في الصفحة من النوع المحدد بواسطة typeالسمة. قد يكون هذا في أي نوع MIME يفهمه وكيل المستخدم، مثل صفحة HTML مضمنة، أو ملف يتم التعامل معه بواسطة مكون إضافي مثل Flash ، أو برنامج Java ، أو ملف صوتي، وما إلى ذلك.; تمت موحدته في HTML 4.0؛ لا يزال ساري المفعول.
<param />: تم تقديم هذا العنصر في الأصل مع <applet>، ويُستخدم الآن مع <object>، ويجب أن يظهر فقط كعنصر فرعي لـ <object>. ويستخدم سمات HTML لتعيين معلمة للكائن، مثل العرض والارتفاع والخط ولون الخلفية وما إلى ذلك، حسب نوع الكائن. يمكن أن يحتوي الكائن على <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>

قائمة options للاستخدام في عناصر النموذج.

مُوحَّد في 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 />يمكن أن تظهر إما في رأس المستند أو في النص، ولكن مرة واحدة فقط في المستند. <isindex />تعمل كنموذج بحث HTML بدائي؛ ولكن تم إلغاؤها بحكم الأمر الواقع بواسطة نماذج HTML الأكثر تقدمًا التي تم تقديمها في أوائل إلى منتصف التسعينيات. تمثل مجموعة من الروابط التشعبية تتألف من معرف URI أساسي وعلامة & وكلمات رئيسية مشفرة بنسبة مئوية مفصولة بعلامات زائد .

ISINDEXكانت موجودة في علامات HTML ؛ وموحدة في HTML 2.0؛ وغير مستخدمة في HTML 4.0 Transitional؛ وغير صالحة في HTML 4.0 Strict.

<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>

منطقة نصية متعددة الأسطر، يتم تحديد حجمها بواسطة cols(حيث يكون العمود عبارة عن نص بعرض حرف واحد) rows وسمات HTML . يقتصر محتوى هذا العنصر على النص العادي، والذي يظهر في منطقة النص كنص افتراضي عند تحميل الصفحة.

تمت موحدته في HTML 2.0؛ لا يزال ساري المفعول.

الجداول

تم اقتراح تنسيق جداول HTML في مسودات HTML 3.0 وجداول HTML RFC 1942 اللاحقة . وقد استوحيت هذه الجداول من نموذج جدول 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 المرئية بالتقسيم إلى أجزاء، يمكن لكل منها عرض مستند مختلف. يمكن أن يؤدي هذا إلى تقليل استخدام النطاق الترددي، حيث يمكن استخدام أجزاء متكررة من التخطيط في إطار واحد، بينما يتم عرض المحتوى المتغير في إطار آخر. قد يأتي هذا بتكلفة معينة لقابلية الاستخدام، خاصة في وكلاء المستخدم غير المرئيين، ^[54] بسبب عرض المستندات (أو مواقع الويب) المنفصلة والمستقلة بجوار بعضها البعض والسماح لها بالتفاعل مع نفس النافذة الرئيسية. بسبب هذه التكلفة، يُسمح بالإطارات (باستثناء العنصر <iframe>) فقط في مجموعة إطارات HTML 4.01. يمكن أن تحتوي الإطارات المضمنة أيضًا على مستندات على خوادم مختلفة. في هذه الحالة، يتم حظر التفاعل بين النوافذ بواسطة المتصفح. تستخدم مواقع مثل Facebook و Twitter الإطارات المضمنة لعرض المحتوى ( المكونات الإضافية ) على مواقع الطرف الثالث. يستخدم Google AdSense الإطارات المضمنة لعرض اللافتات على مواقع الطرف الثالث.

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

<frameset>...</frameset> (deprecated): يحتوي على مجموعة من <frame />العناصر الخاصة بالمستند. يتم تحديد تخطيط الإطارات من خلال قوائم مفصولة بفواصل في سمات HTMLrows و .cols; تم توحيده في 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 آخر في إطار. وعلى عكس العنصر <object />، <iframe>يمكن أن يكون الإطار "الهدف" للروابط التي تحددها عناصر أخرى، ويمكن تحديده بواسطة وكيل المستخدم كمحور للطباعة وعرض مصدره وما إلى ذلك. يتم استخدام محتوى العنصر كنص بديل يتم عرضه إذا كان المتصفح لا يدعم الإطارات المضمّنة. يتم ربط مستند منفصل بإطار باستخدام السمة الموجودة srcداخل <iframe />، ويتم تضمين كود HTML مضمّن في إطار باستخدام srcdocالسمة الموجودة داخل <iframe />العنصر.; تم تقديمه لأول مرة بواسطة Microsoft Internet Explorer في عام 1997، وتم توحيده في HTML 4.0 Transitional، ومسموح به في HTML5.

`longdesc`يصف

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

longdescتم تصميمه ليستخدمه قارئو الشاشة لعرض معلومات الصورة لمستخدمي الكمبيوتر الذين يعانون من مشكلات في إمكانية الوصول ، مثل المكفوفين أو ضعاف البصر ، ويتم تنفيذه على نطاق واسع بواسطة متصفحات الويب وقارئات الشاشة. ^[56] يعترض بعض المطورين على ذلك ^[57] قائلين إنه نادرًا ما يستخدم لهذا الغرض لأن هناك عددًا قليلًا نسبيًا من المؤلفين الذين يستخدمون السمة ومعظم هؤلاء المؤلفين يستخدمونها بشكل غير صحيح؛ وبالتالي، فإنهم يوصون بإلغاء استخدام longdesc. ^[58] استجابت صناعة النشر، ودعت إلى الاحتفاظ بـ longdesc. ^[59]

مثال

< 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. ^[60]
<plaintext> (deprecated): <plaintext>لا يحتوي على علامة نهاية لأنه ينهي العلامات ويتسبب في تحليل بقية المستند كما لو كان نصًا عاديًا .; <plaintext>كانت موجودة في علامات HTML ؛ غير مستخدمة في HTML 2.0؛ غير صالحة في HTML 4.0.
<xmp>...</xmp> (deprecated): يعرض هذا العنصر النص الموجود داخل العلامات بخط أحادي المسافة وبدون تفسير HTML. توصي مواصفات HTML 2.0 بعرض العنصر عند 80 حرفًا لكل سطر.; تم إيقاف استخدامه في HTML 3.2؛ وأصبح قديمًا في HTML5. ^[61]
<nextid> (deprecated): مكّن هذا العنصر أداة تصميم الويب NeXT من إنشاء تسميات اسم تلقائية لمرساتها وتم إنشاؤها تلقائيًا. ^[60]; <nextid>كانت موجودة في علامات HTML (موصوفة بأنها قديمة)؛ غير مستخدمة في HTML 2.0؛ غير صالحة في HTML 3.2 والإصدارات الأحدث.

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

هذه هي ويكيبيديا الجديدة!

مثال على نص مميز من أول تعديل على ويكيبيديا (تم إنجازه عبر CSS؛ علامة <marquee> نفسها أصبحت قديمة ولم تعد تعمل في معظم المتصفحات)

أوووه

مثال على نص وامض (تم إنجازه عبر CSS؛ تم إيقاف استخدام علامة <blink> نفسها ولم تعد تعمل في معظم المتصفحات) مع رابط إلى الصفحة. لا ينبغي الخلط بين هذه الصفحة و UwU ، فهي تحتوي على أقدم تعديل موجود على ويكيبيديا الإنجليزية.

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

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

تعليقات

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

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

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

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

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

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

هناك بعض المشكلات المتعلقة بالتوافق فيما يتعلق بالتعليقات:

سيؤدي وضع التعليقات - أو أي أحرف باستثناء المسافات البيضاء - قبل علامة doctypeالتبويب هذه إلى جعل برنامج Internet Explorer 6 يستخدم وضع "quirks" لصفحة HTML. doctypeلن تتم معالجة أي من المعلومات.
من أجل التوافق مع بعض المتصفحات التي سبقت عام 1995، لا تزال محتويات عناصر <style>و <script>محاطة أحيانًا بفواصل تعليق، والمتصفحات القادرة على CSS والنصوص مكتوبة لتجاهل ترميز التعليق هذا على وجه التحديد باعتباره ليس تعليقًا فعليًا. وهذا يعني أن محاولات التعليق على ترميز CSS والنصوص عن طريق تغيير العناصر الموجودة داخل التعليق بحيث لا يتم التعرف عليها، على سبيل المثال .<-- [script]...[/script] -->
يقوم محرر HTML BlueGriffon ، في الإصدارات 1.7.x ، بإضافة تعليقات غير مضمنة في بنية بناء الجملة؛ وسوف تظهر على الشاشة. قد يكون لدى محررات HTML الأخرى نفس العيب.<style> ... {comment tags} ...</style>

انظر أيضا

ملحوظات

^ HTML 4.01 هو أحد عدد قليل من ملفات تعريف النصوص HTML المعروفة. وقد تم اختياره هنا كأفضل مثال توضيحي، على الرغم من أن نفس السلوك ينطبق على ملفات تعريف النصوص الأخرى التي نشرتها W3C لـ HTML.
^ لا يزال من الممكن استخدام ميزة تشبه الماكرو في DTD داخل XML.
^ أحد الفروق البسيطة هو أن XML، حتى بعد واجهة DOM، حساس لحالة الأحرف. ^[5]
^ ومع ذلك، انظر الاستثناء الحتمي.<object>
^ IRI بشكل صارم ، وليس عنوان URL؛ على الرغم من أن عناوين URL هي مجموعة فرعية من IRIs.

مراجع

^ ab "§3 حول SGML وHTML". مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. §3.2.1 العناصر.
^ "§3 حول SGML وHTML". مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. §3.1 مقدمة إلى SGML.
^ "HTML 4.01, §21, Document Type Definition". W3C . 24 ديسمبر 1999.
^ abcde "HTML Standard § Optional tags". WHATWG . تم الاسترجاع في 22 مارس 2019 .
^ "§1. نموذج كائن المستند HTML". مواصفات نموذج كائن المستند (DOM) المستوى 2 HTML . W3C . 9 يناير 2003. §1.3. XHTML و HTML DOM.
^ ab "§7 البنية العالمية لمستند HTML". مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. §7.5.3 عناصر على مستوى الكتلة وعناصر مضمنة.
^ مارك نيوهاوس (27 سبتمبر 2002). "تصميم CSS: ترويض القوائم". قائمة منفصلة .
^ إكس إتش تي إم إل 1.0 §4.2
^ XML 1.0 (القدرة على إنتاج عناصر إضافية هي جزء من القدرة على التوسع في الاختصار.)
^ XML 1.0 §5.1
^ WHATWGLS. § 15
^ XHTML 1.1 §أ
^ "HTML & CSS". W3C . 2013.
^ "الملحق د. ورقة الأنماط الافتراضية لـ HTML 4". مواصفات أوراق الأنماط المتتالية المستوى 2 المراجعة 1 (CSS 2.1) . W3C . 7 يونيو 2011.
^ HTML 4.01 §14.1
^ Ferraiolo, J.; Fujisawa, J.; Jackson, D., eds. (2003-01-14). "§2.3 خيارات استخدام SVG في صفحات الويب". مواصفات الرسومات المتجهة القابلة للتطوير (SVG) 1.1 . W3C . تم الاسترجاع في 2009-03-25 .
^ HTML 4.01 §12.3
^ HTML 4.01 §14.3.2
^ HTML 4.01 §18
^ CSS §1.1
^ "4.4 تجميع المحتوى – HTML5". HTML5: مفردات وواجهات برمجة التطبيقات المرتبطة بـ HTML وXHTML – توصية W3C . اتحاد شبكة الويب العالمية . 28 أكتوبر 2014. §4.4.8 عنصر dl . تم الاسترجاع في 16 أغسطس 2015 .
^ "القوائم في مستندات HTML". مواصفات HTML 4.01 – توصية W3C . اتحاد شبكة الويب العالمية. 24 ديسمبر 1999. §10.3 قوائم التعريف: عناصر DL وDT وDD . تم الاسترجاع في 2 مايو 2015 .
^ "HTML5: مفردات وواجهات برمجة التطبيقات المرتبطة بـ HTML وXHTML، مسودة عمل W3C". W3C . 5 أبريل 2011..
^ HTML 4.01, W3C , تم الاسترجاع في 2012-03-26
^ Tittel, Ed; Burmeister, Mary C. (2005). HTML 4 for dummies (الطبعة الخامسة). Hoboken, New Jersey: Wiley. ص. 96. ISBN 978-0-7645-8917-1تم الاسترجاع بتاريخ 7 أغسطس 2022 .
^ "ServerWriter -- /Provider". W3C .
^ "HTML 5.2". W3C .
^ علامة الاختصار، الاختصار.
^ 4.6 دلالات مستوى النص — العنصر b، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26
^ 4.6 دلالات مستوى النص — عنصر i، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26
^ 4.6 دلالات مستوى النص — عنصر u، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26
^ 4.6 دلالات مستوى النص — العنصر الصغير، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26
^ 4.6 دلالات مستوى النص — عنصر s، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26
^ ab 11 ميزات قديمة — HTML5، W3C ، تم الاسترجاع في 2012-03-26
^ "الموافقة على مواصفات HTML5، استمرار الخلاف حول المواصفات". Ars Technica. 29 أكتوبر 2014. تم الاسترجاع في 29 أكتوبر 2014 .
^ "9.2.1 عناصر العبارة: EM، STRONG، DFN، CODE، SAMP، KBD، VAR، CITE، ABBR، وACRONYM". مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. تم الاسترجاع في 26 يوليو 2018 .
^ HTML 5.2 W3C Recommendation, at "§4.5.6. The cite element".
^ HTML Living Standard، في "§4.5.6 عنصر الاستشهاد".
^ "<data>". وثائق الويب الخاصة بـ MDN .
^ "علامة <rb> HTML". www.quackit.com .
^ "<rp>: عنصر الأقواس الاحتياطية في Ruby". وثائق الويب الخاصة بـ MDN .
^ "<rt>: عنصر نص Ruby". وثائق الويب الخاصة بـ MDN .
^ "<rtc>: عنصر حاوية النص Ruby". وثائق الويب الخاصة بـ MDN .
^ "<ruby>". وثائق الويب الخاصة بـ MDN .
^ "<template>". وثائق الويب الخاصة بـ MDN .
^ "<time>". وثائق الويب الخاصة بـ MDN .
^ "<wbr>". وثائق الويب الخاصة بـ MDN .
^ جينيفر كيرنين أرشيف 2012-11-02 على موقع واي باك مشين <embed>
^ W3Schools حول<embed>
^ لا يمكن تصميم نص السمة alt باستخدام العلامات؛ ونتيجة لذلك، تم ابتكار طرق أخرى لعرض النص البديل، مثل Fahrner Image Replacement ، لاستيعاب المواقف التي يرغب فيها المبرمج في عرض نص مصمم إذا تم تعطيل الصور في متصفح المستخدم.
^ "ما الجديد في Internet Explorer 8 – إمكانية الوصول وARIA". MSDN . Microsoft . تم الاسترجاع في 2009-07-22 .
^ Bug 5566 – قيمة السمة ALT لا يتم عرضها أحيانًا عند فقدان الصورة، Bugs.webkit.org ، تم الاسترجاع في 2012-03-26
^ WWW-Talk Jan-Mar 1993: تم اقتراح علامة جديدة: IMG، 1997.webhistory.org ، تم استرجاعها في 2012-03-26
^ "هل الإطارات متاحة للجميع؟". ...تمثل الإطارات تحديات إضافية تتعلق بسهولة الاستخدام وهي فريدة من نوعها للمستخدمين ذوي الإعاقة، وخاصة أولئك الذين يستخدمون برامج قراءة الشاشة.
^ "الأشياء والصور والتطبيقات الصغيرة". W3C . تم الاسترجاع في 2008-12-20 .
^ "InState Longdesc" . تم الاسترجاع في 2011-09-05 .
^ "إنشاء صور يمكن الوصول إليها بسهولة". WebAim . تم الاسترجاع في 2008-12-20 .
^ استخدام Longdesc - ويكي WHATWG، Wiki.whatwg.org ، تم الاسترجاع في 2012-03-26
^ "الخطأ رقم 13461 - تعليق على العدد رقم 30 (الوصف الطويل) من رابطة الناشرين الأمريكيين" . تم الاسترجاع في 2011-09-05 .
^ ab "Obsolete – Non-conforming features". HTML Living Standard . WHATWG . 22 يوليو (تموز) 2022 . تم الاسترجاع في 7 أغسطس (آب) 2022 .
^ "<xmp>". وثائق ويب MDN . 24 فبراير 2023.
^ ab Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). "إرشادات إمكانية الوصول إلى محتوى الويب 1.0". اتحاد شبكة الويب العالمية . تم الاسترجاع في 20 يوليو 2010 .
^ "معيار HTML". html.spec.whatwg.org .

فهرس

معايير HTML

HTML 2.0:: بيرنرز لي، تيم ؛ كونولي، دان (نوفمبر 1995). لغة ترميز النص التشعبي - 2.0 (RFC 1866). IETF . doi : 10.17487/RFC1866 . RFC 1866. تم الاسترجاع في 2009-03-24 .
HTML 3.2:: Raggett, Dave (1997-01-14). "HTML 3.2 Reference Specification". W3C . تم الاسترجاع في 2009-03-27 .
HTML 4.01:: Raggett, Dave ; Le Hors, Arnaud; Jacobs, Ian (1999-12-24). "مواصفات HTML 4.01". W3C . تم الاسترجاع في 2009-03-24 .(حل HTML 4.01 محل 4.0 (1998)، والذي لم يتم تنفيذه على نطاق واسع، وجميع الإصدارات السابقة. وحل محله بدوره في 2018-03-27 HTML 5.2).
إكس إتش تي إم إل 1.0:: "XHTML 1.0: لغة ترميز النص التشعبي القابلة للتوسيع (الطبعة الثانية)". النسخة المنقحة. W3C . 2002-08-01 [2000] . تم الاسترجاع في 2009-03-24 .
إكس إتش تي إم إل 1.1:: ألتهايم، موراي؛ ماكارون، شين؛ إيشيكاوا، ماساياسو، محررون (2010-11-23) [2001]. "XHTML 1.1 - Module-based XHTML - Second Edition". نسخة منقحة. W3C . تم الاسترجاع في 2018-07-26 . (تم استبداله في 2018-03-27 بـ HTML 5.2.); أوستن، دانييل؛ بيروفيمبا، سوبرامانيان؛ ماكارون، شين؛ إيشيكاوا، ماساياسو؛ بيربيك، مارك؛ ألتهايم، موراي؛ بومفري، فرانك؛ دولي، سام؛ شنيتزنباومر، سيباستيان؛ ووجوفسكي، تيد، محررون. (2010-07-29) [2006]. "XHTML Modularization 1.1 - Second Edition". النسخة المنقحة. W3C . تم الاسترجاع في 2018-07-26 . (نسخة أكثر تفصيلاً من ما ورد أعلاه. كما تم استبدالها في 2018-03-27 بـ HTML 5.2.)
W3C HTML 5.2:: فوكنر، ستيف؛ إيتشولز، آرون؛ ليثيد، ترافيس؛ دانيلو، أليكس؛ مون، سانجوهان؛ دويل نافارا، إيريكا؛ أوكونور، تيريزا؛ بيرجون، روبن، محررون. (2017-12-14) [2016]. "توصية HTML 5.2 W3C". نسخة منقحة. W3C . تم الاسترجاع في 2018-07-26 . يحل محل جميع الإصدارات السابقة من HTML وXHTML، بما في ذلك HTML 5.1.
معايير المعيشة لـ WHATWG HTML5:: هيكسون، إيان ، محرر. (2018-07-25). "HTML Living Standard". نسخة من صفحة واحدة. WHATWG . تم الاسترجاع في 2018-07-26 . متوفر أيضًا كإصدار متعدد الصفحات، وإصدار المطور (متعدد الصفحات أيضًا، مع وظيفة بحث وأدوات أخرى، وينقصه التفاصيل التي تهم بائعي المتصفحات فقط).

مصادر أخرى

علامات HTML:: بيرنرز لي، تيم (1992-11-03). "علامات HTML" . تم الاسترجاع في 2009-03-28 . (جزء من أول وصف منشور لـ HTML.)
مسودة الإنترنت HTML 1.2:: بيرنرز لي، تيم ؛ كونولي، دان (يونيو 1993). "لغة ترميز النص التشعبي (HTML)" . تم الاسترجاع في 2009-03-28 .
مسودات HTML 3.0:: راجيت، ديف (24 مارس 1995). "مواصفات لغة ترميز النص التشعبي الإصدار 3.0 (مسودة)" . تم الاسترجاع في 18 أبريل 2009 . (هذه هي المسودة النهائية لـ HTML 3.0، والتي انتهت صلاحيتها دون إجراء المزيد من التطوير عليها.)
جداول HTML:: Raggett, Dave (مايو 1996). جداول HTML (RFC 1942). IETF . doi : 10.17487/RFC1942 . RFC 1942 . تم الاسترجاع في 2009-03-22 .
XML 1.0:: براي، تيم ؛ باولي، جان ؛ سبيربيرج-ماكوين، سي. مايكل ؛ مالر، إيف؛ ييرجيو، فرانسوا، محررون (2008-11-26). "لغة الترميز القابلة للتوسيع (XML) 1.0 (الطبعة الخامسة)". W3C . تم الاسترجاع في 2009-03-20 .
CSS 1:: Lie, Håkon Wium ; Bos, Bert (2008-04-11) [1996]. "Cascading Style Sheets, Level 1". نسخة منقحة. W3C . تم الاسترجاع في 2018-07-26 .
CSS 2.1:: بوس، بيرت ؛ سيليك، تانتيك ؛ هيكسون، إيان ؛ لي، هاكون ويوم (12 أبريل 2016) [2011]. "مواصفات أوراق الأنماط المتتالية المستوى 2 المراجعة 1 (CSS 2.1)". نسخة منقحة. W3C . تم الاسترجاع في 2018-07-26 .
CSS 3 و 4:: Atkins, Tab Jr.; Eternad, Elika J.; Rivoal, Florian (31 January 2017). "CSS Snapshot 2017". W3C . §2. Cascading Style Sheets (CSS) – The Official Definition . تم الاسترجاع في 2018-07-26 . (قائمة المواصفات النشطة التي حلت محل CSS 2.1، اعتبارًا من تاريخ النشر.); "الحالة الحالية لـ CSS". W3C . 2018 . تم الاسترجاع في 2018-07-26 . (تم تطوير المستويين 3 و4 من CSS كوحدات مستقلة، مفهرسة في تلك الصفحة.)

روابط خارجية

HTML 4.01 (24 ديسمبر 1999): العناصر والسمات
HTML5 (28 أكتوبر 2014): العناصر والسمات

Original text

Rate this translation

Your feedback will be used to help improve Google Translate

[4] HTML 4.01 هو أحد عدد قليل من ملفات تعريف النصوص HTML المعروفة. وقد تم اختياره هنا كأفضل مثال توضيحي، على الرغم من أن نفس السلوك ينطبق على ملفات تعريف النصوص الأخرى التي نشرتها W3C لـ HTML.

[6] لا يزال من الممكن استخدام ميزة تشبه الماكرو في DTD داخل XML.

[8] أحد الفروق البسيطة هو أن XML، حتى بعد واجهة DOM، حساس لحالة الأحرف. ^[5]

[10] ومع ذلك، انظر الاستثناء الحتمي.<object>

[59] IRI بشكل صارم ، وليس عنوان URL؛ على الرغم من أن عناوين URL هي مجموعة فرعية من IRIs.

[HTML401_Elements-1] "§3 حول SGML وHTML". مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. §3.2.1 العناصر.

[2] "§3 حول SGML وHTML". مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. §3.1 مقدمة إلى SGML.

[W3C,_HTML_401_DTD-3] "HTML 4.01, §21, Document Type Definition". W3C . 24 ديسمبر 1999.

[whatwg-syntax-tag-omission-5] "HTML Standard § Optional tags". WHATWG . تم الاسترجاع في 22 مارس 2019 .

[7] "§1. نموذج كائن المستند HTML". مواصفات نموذج كائن المستند (DOM) المستوى 2 HTML . W3C . 9 يناير 2003. §1.3. XHTML و HTML DOM.

[W3C,_HTML_4.01,_block_and_inline-9] "§7 البنية العالمية لمستند HTML". مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. §7.5.3 عناصر على مستوى الكتلة وعناصر مضمنة.

[11] مارك نيوهاوس (27 سبتمبر 2002). "تصميم CSS: ترويض القوائم". قائمة منفصلة .

[XHTML10-42-12] إكس إتش تي إم إل 1.0 §4.2

[13] XML 1.0 (القدرة على إنتاج عناصر إضافية هي جزء من القدرة على التوسع في الاختصار.)

[XML10-51-14] XML 1.0 §5.1

[15] WHATWGLS. § 15

[XHTML11-16] XHTML 1.1 §أ

[17] "HTML & CSS". W3C . 2013.

[18] "الملحق د. ورقة الأنماط الافتراضية لـ HTML 4". مواصفات أوراق الأنماط المتتالية المستوى 2 المراجعة 1 (CSS 2.1) . W3C . 7 يونيو 2011.

[HTML401-141-19] HTML 4.01 §14.1

[SVG11-23-20] Ferraiolo, J.; Fujisawa, J.; Jackson, D., eds. (2003-01-14). "§2.3 خيارات استخدام SVG في صفحات الويب". مواصفات الرسومات المتجهة القابلة للتطوير (SVG) 1.1 . W3C . تم الاسترجاع في 2009-03-25 .

[21] HTML 4.01 §12.3

[22] HTML 4.01 §14.3.2

[23] HTML 4.01 §18

[24] CSS §1.1

[W3C-5-DL-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] HTML 4.01, W3C , تم الاسترجاع في 2012-03-26

[29] Tittel, Ed; Burmeister, Mary C. (2005). HTML 4 for dummies (الطبعة الخامسة). Hoboken, New Jersey: Wiley. ص. 96. ISBN 978-0-7645-8917-1تم الاسترجاع بتاريخ 7 أغسطس 2022 .

[30] "ServerWriter -- /Provider". W3C .

[31] "HTML 5.2". W3C .

[32] علامة الاختصار، الاختصار.

[html5-b-element-33] 4.6 دلالات مستوى النص — العنصر b، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26

[html5-i-element-34] 4.6 دلالات مستوى النص — عنصر i، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26

[html5-u-element-35] 4.6 دلالات مستوى النص — عنصر u، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26

[html5-small-element-36] 4.6 دلالات مستوى النص — العنصر الصغير، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26

[html5-s-element-37] 4.6 دلالات مستوى النص — عنصر s، Developers.whatwg.org ، تم الاسترجاع في 2012-03-26

[html5-tt-not-supported-38] 11 ميزات قديمة — HTML5، W3C ، تم الاسترجاع في 2012-03-26

[finalars-39] "الموافقة على مواصفات HTML5، استمرار الخلاف حول المواصفات". Ars Technica. 29 أكتوبر 2014. تم الاسترجاع في 29 أكتوبر 2014 .

[40] "9.2.1 عناصر العبارة: EM، STRONG، DFN، CODE، SAMP، KBD، VAR، CITE، ABBR، وACRONYM". مواصفات HTML 4.01 . W3C . 24 ديسمبر 1999. تم الاسترجاع في 26 يوليو 2018 .

[41] HTML 5.2 W3C Recommendation, at "§4.5.6. The cite element".

[42] HTML Living Standard، في "§4.5.6 عنصر الاستشهاد".

[43] "<data>". وثائق الويب الخاصة بـ MDN .

[44] "علامة <rb> HTML". www.quackit.com .

[45] "<rp>: عنصر الأقواس الاحتياطية في Ruby". وثائق الويب الخاصة بـ MDN .

[46] "<rt>: عنصر نص Ruby". وثائق الويب الخاصة بـ MDN .

[47] "<rtc>: عنصر حاوية النص Ruby". وثائق الويب الخاصة بـ MDN .

[48] "<ruby>". وثائق الويب الخاصة بـ MDN .

[49] "<template>". وثائق الويب الخاصة بـ MDN .

[50] "<time>". وثائق الويب الخاصة بـ MDN .

[51] "<wbr>". وثائق الويب الخاصة بـ MDN .

[52] جينيفر كيرنين أرشيف 2012-11-02 على موقع واي باك مشين <embed>

[53] W3Schools حول<embed>

[54] لا يمكن تصميم نص السمة alt باستخدام العلامات؛ ونتيجة لذلك، تم ابتكار طرق أخرى لعرض النص البديل، مثل Fahrner Image Replacement ، لاستيعاب المواقف التي يرغب فيها المبرمج في عرض نص مصمم إذا تم تعطيل الصور في متصفح المستخدم.

[55] "ما الجديد في Internet Explorer 8 – إمكانية الوصول وARIA". MSDN . Microsoft . تم الاسترجاع في 2009-07-22 .

[56] Bug 5566 – قيمة السمة ALT لا يتم عرضها أحيانًا عند فقدان الصورة، Bugs.webkit.org ، تم الاسترجاع في 2012-03-26

[57] WWW-Talk Jan-Mar 1993: تم اقتراح علامة جديدة: IMG، 1997.webhistory.org ، تم استرجاعها في 2012-03-26

[58] "هل الإطارات متاحة للجميع؟". ...تمثل الإطارات تحديات إضافية تتعلق بسهولة الاستخدام وهي فريدة من نوعها للمستخدمين ذوي الإعاقة، وخاصة أولئك الذين يستخدمون برامج قراءة الشاشة.

[60] "الأشياء والصور والتطبيقات الصغيرة". W3C . تم الاسترجاع في 2008-12-20 .

[61] "InState Longdesc" . تم الاسترجاع في 2011-09-05 .

[62] "إنشاء صور يمكن الوصول إليها بسهولة". WebAim . تم الاسترجاع في 2008-12-20 .

[63] استخدام Longdesc - ويكي WHATWG، Wiki.whatwg.org ، تم الاسترجاع في 2012-03-26

[64] "الخطأ رقم 13461 - تعليق على العدد رقم 30 (الوصف الطويل) من رابطة الناشرين الأمريكيين" . تم الاسترجاع في 2011-09-05 .

[WHATWG-deprecated-65] "Obsolete – Non-conforming features". HTML Living Standard . WHATWG . 22 يوليو (تموز) 2022 . تم الاسترجاع في 7 أغسطس (آب) 2022 .

[66] "<xmp>". وثائق ويب MDN . 24 فبراير 2023.

[WCAG-67] Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). "إرشادات إمكانية الوصول إلى محتوى الويب 1.0". اتحاد شبكة الويب العالمية . تم الاسترجاع في 20 يوليو 2010 .

[68] "معيار HTML". html.spec.whatwg.org .

المفاهيم

العناصر مقابل العلامات

SGML مقابل XML

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

ملخص

بناء الجملة

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

صفات

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

حالة العنصر

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

عناصر هيكل الوثيقة

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

عناصر نص الوثيقة

عناصر الكتلة

النص الأساسي

القوائم

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

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

مِرسَاة

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

عام

عناصر العبارات الحاسوبية

عرض تقديمي

فترة

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

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

الاستمارات

الجداول

إطارات

longdescيصف

مثال

الربط بالوصف الطويل في النص

مثال

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

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

تعليقات

انظر أيضا

ملحوظات

مراجع

فهرس

معايير HTML

مصادر أخرى

روابط خارجية

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

`longdesc`يصف