لغة ترميز النص الفائق

عودة للموسوعة
HTML
(Hypertext Markup Language)
الشعار
امتداد الملف
  • .html
  • .htm
صيغة وسائط الإنترنت
text/html
نوع الصيغة
تنسيق ملف المستند
المطور
WHATWG
أول إصدار
1993; منذ 27 سنوات (1993
امتدّ من
لغة الترميز القياسي العام
امتدّ لـ
لغة ترميز النص الفائق القابلة للتمديد
المعايير
15445
صيغة مفتوحة?
نعم
مسقط الويب
[.org]
الفيزيائي تيم بيرنرز لي
شكل صفحة البرمجة

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

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

يمكن للغة HTML حتى تُضمِّن برامجَ مكتوبةٍ بلغات مثل جافا سكريبت لتعديل سلوك ومحتوى صفحات الويب؛ وإضافة شيفرات أوراق الأنماط المتتالية CSS تؤدي إلى تعريف شكل وتخطيط المحتوى.

تاريخها

الأصول

في عام 1980، قام الفيزيائي تيم بيرنرز لي والذي كان عاملا في المؤسسة الأوروبية للأبحاث النويية سيرن باقتراح واعداد نموذج بدئي لنظام يمكن باحثي سيرن من استخدام ومشاركة المستندات. وفي عام 1989 قام بكتابة مذكرة يقترح فيها نظام نص فائق hypertext مبني على الإنترنت، وقام بوصف لغة HTML وبكتابة برامج المزود والمتصفح في أواخر عام 1990.

كان أول وصف للجمهور من الاتش تي ام ال وثيقة تسمى علامات الاتش تي ام ال ذكر لأول مرة على شبكة الانترنيت عن طريق بيرنرز لي في أواخر عام 1991. فهويصف 18 من العناصر الأولى التي تتألف منها , نسبيا التصميم سهل في الاتش تي ام ال بأستثناء علامة الارتباط التشعبي ,هذه تأثرت بقوة في (الاس جي ام ال كويد) ,اسست ال (الاس جي ام ال ) على شكل وثائق في منزل سيرن . أحد عشر من هذه العناصر لا تزال موجودة في الاتش تي ام ال .

لغة ترميز النص التشعبي هي لغة العلامات التي تستخدم متصفحات الويب لتفسير وتأليف النص والصور وغيرها من المواد في صفحات الويب المرئية أوالمسموعة. يتم تعريف وترميز الخصائص الافتراضية لكل بند من الاتش تي ام ال في المتصفح ,وهذه الخصائص يمكن تغيرها اوتحسينها بواسطة استخدام مصمم صفحة ويب اضافية من الاسي اس اس . تم العثور على الكثير من عناصر النص في عام 1988 (اي اس او) تقرير التقنية (تي ار 9537) تقنيات لاستخدام (الاس جي ام ال ) الذي يغطي بدوره ملامح اللغات تنسيق النص في وقت مبكر مثل تلك المستخدمة من قبل الأمر الجريان السطحي وضعت في 1960s في وقت مبكر ل CTSS (التوقيت متوافق نظام تقاسم ) نظام التشغيل : وقد استمدت هذه الأوامر التنسيق من الأوامر المستخدمة من قبل عمال التجميع على تنسيق المستندات يدويا . ومع ذلك، يستند مفهوم SGML من معمم العلامات على عناصر ( نطاقات متداخلة مع سمات المشروح ) بدلا من مجرد آثار الطباعة ، مع أيضا الفصل بين هيكل والعلامات ، وقد تم HTML انتقلت تدريجيا في هذا الاتجاه مع CSS . بيرنرز لي يعتبر تطبيق HTML من SGML تم تعريفه رسميا على هذا النحومن قبل فريق عمل هندسة الإنترنت (IETF ) مع منتصف عام 1993 نشر أول اقتراح ل مواصفات HTML : " لغة توصيف النص التشعبي (HTML ) " إنترنت مشروع من قبل بيرنرز لي ودان كونولي ، الذي تضمنت نوع الوثيقة SGML تعريف لتعريف النحوي.


الجدول الزمني للإصدارات

HTML 2

تم نشر HTML 2.0 باسم RFC   [rfc:1866 1866] . RFCs إضافية القدرات المضافة:

  • 25 نوفمبر 1995: RFC 1867 (تحميل ملف مستند إلى النموذج)
  • مايو1996: RFC 1942 (الجداول)
  • أغسطس 1996: RFC 1980 (خرائط صور من جانب العميل)
  • يناير 1997: RFC 2070 ( التدويل )

HTML 3

تم نشر HTML 3.2 رابطة الشبكة العالمية . كانت أول نسخة تم تطويرها وتوحيدها حصريًا بواسطة رابطة الشبكة العالمية ، حيث أغلق IETF فريق عمل HTML في 12 سبتمبر 1996.
في البداية ، اسم "Wilbur" ، HTML 3.2 أسقطت صيغ الرياضيات تمامًا ، وصالح التداخل بين ملحقات الملكية المتنوعة واعتمدت معظم علامات تمييز نتسكيب المرئية. تم حذف عنصر وميض نتسكيب ومايكروسوفت بسبب اتفاق متبادل بين الشركتين. لم يتم توصيف العلامات الخاصة بالصيغ الرياضية المشابهة لتلك الموجودة في HTML حتى 14 شهرًا في MathML .

HTML 4

تم نشر HTML 4.0 كتوصية من رابطة الشبكة العالمية. إنه يوفر ثلاثة أشكال:
  • صارمة ، حيث تحظر العناصر المهملة
  • انتنطقي ، حيث يسمح للعناصر المهملة
  • مجموعة الإطارات ، والتي يُسمح فيها في الغالب بالعناصر ذات الصلة بالإطار فقط.
في البداية ، أطلق عليها اسم "Cougar" ، اعتمد HTML 4.0 الكثير من أنواع العناصر والسمات الخاصة بالمتصفح ، ولكن في الوقت نفسه سعى إلى التخلص التدريجي من ميزات العلامات البصرية لـ Netscape عن طريق وضع علامة عليها على أنها متقادمة لصالح أوراق الأنماط. HTML أربعة هوتطبيق SGML يتوافق مع ISO 8879   - SGML.
24 أبريل 1998
تم إعادة إصدار HTML 4.0 مع تعديلات بسيطة دون زيادة رقم الإصدار.
24 ديسمبر 1999
تم نشر HTML 4.01 كتوصية W3C. يوفر نفس الأشكال الثلاثة مثل HTML 4.0 وقد تم نشر آخر خطأ له في 12 مايو2001.
مايو2000
تم نشر ISO / IEC 15445: 2000 (" ISO HTML" ، بناءً على HTML 4.01 Strict) كمعيار دولي ISO / IEC. في ISO ، تندرج هذه المواصفة القياسية في مجال ISO / IEC JTC1 / SC34 (اللجنة الفنية المشهجرة 1 ISO / IEC ، اللجنة الفرعية 34   - وصف الوثيقة ومعالجة اللغات).
بعد HTML 4.01 ، لم يكن هناك إصدار حديث من HTML لسنوات عديدة لأن تطوير لغة XHTML المتوازية المستندة إلى XML احتلت مجموعة عمل HTML في W3C خلال أوائل ومنتصف الألفية

HTML 5

بنية مستندات HTML

تتألف صفحات HTML من عناصر، والتي تتألف عادةً من وسم بداية ووسم نهاية، ويكون بينهما محتوى نصي عادةً؛ ويمكن حتى نضع في وسم البداية بعض الخاصيات التي تُغيّر من سلوك العنصر أوتؤدي إلى ضبطه. لاحظ أنَّ بعض العناصر يمكن حتى تتشعب داخل بعضها بعضًا. الأقسام الأساسية للعناصر هي:

  • وسم البداية: وهويحتوي على اسم العنصر، موضوعًا ضمن قوسين على شكل زاوية، وقد يلي الاسم الخاصيات التي تؤثر عليه. مثلًا <p>.
  • وسم النهاية: وهويحتوي على اسم العنصر أيضًا مسبوقًا بخطٍ مائل قبله للإشارة إلى نهاية العنصر؛ لاحظ أنَّ نسيان وسم النهاية قد يسبب أخطاءً في بعض الأحيان، لذا خذ حذرك وتذكره. مثلًا: <p/>.
  • المحتوى: وهوموجودٌ بين وسمَي البداية والنهاية، ويُمثِّل في معظم الأحيان محتوى العنصر.
  • العنصر: هووسم البداية ووسم النهاية إضافةً إلى المحتوى.
_____ وسم النهاية _____   وسم البداية
| |                 |  |
<p>paragraph content</p>
  |__محتوى العنصر___|

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

_____ وسم النهاية _____                 وسم البداية
| |                               |  |
<p class="light">paragraph content</p>
   |__محتوى العنصر__|__الخاصيات___|

يبدأ المثال الآتي بالتصريح عن نوع المستند (DOCTYPE) الخاص بإصدار HTML5، ثم يُعرِّف العنصر الجذر <html> الذي يُشير إلى بدء مستند HTML. يحتوي العنصر <html> على عنصرين هما العنصر <head> و<body>؛ أما العنصر <head> فيحتوي على البيانات الوصفية التي تصف المستند مثل العنصر <title> الذي ضبط عنوان الصفحة والعنصر <meta> الذي ضبط هنا ترميز محارف المستند والعنصر <link> الذي أشار إلى مستند CSS والعنصر <script> الذي أشار إلى شيفرة JavaScript. وأما العنصر <body> فيمثِّل محتوى الصفحة نفسها، كالصور (العنصر <img>) والفقرات (العنصر <p>) وغير ذلك. لاحظ كيف من الممكن أن ينتهي جميع قسم من أقسام المستند بوسوم الإغلاق المناسبة.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Page Title</title>
    <link href="style.css" rel="stylesheet">
    <script src="javascript.js"></script>
  </head>
  <body>
    <img src="images/logo.png" alt="My Logo">
    <p>Hello World!</p>
  </body>
</html>

نُظِّم هذا الدليل بتخصيص صفحة لكل عنصر من عناصر HTML، أي يمكن زيارة الصفحة HTML/tagname للحصول على معلومات حول العنصر <tagname>. فللحصول على معلومات عن العنصر <img> نزور الصفحة HTML/img، ولفهم تفاصيل العنصر <table> نزور الصفحة HTML/table. أما حقول النماذج فهي موجودة ضمن صفحات فرعية في صفحة HTML/input(مثلًا: الصفحة HTML/input/email للحقل <input type="email">).

تحتوي هذه الصفحة على قائمة بعناصر HTML، منظمةً حسب وظيفتها ليسهل عليك الوصول إلى مبتغاك.

العنصر الجذر

العنصر الوصف
<html> تمثيل العنصر الرئيسي في مستندات HTML، ويُشار إليه أحيانًا باسم «العنصر الجذر» (root element). يجب حتى تكون جميع العناصر الأخرى في المستند سليلةً (descendants، أي أبناء مباشرين وغير مباشرين) له.


إتش تي إم إل
  • إتش.تي.إم.إل وإتش تي إم إل 5
  • دي إتش تي إم إل
  • XHTML
  • XHTML Mobile Profile وC-HTML
  • Character encodings
  • Font family
  • محرر إتش تي إم إل
  • وسم (لغة ترميز النص الفائق)
  • HTML scripting
  • محرك تصميم
  • وضع المراوغات
  • ورقة نمط (تطوير الويب)
  • Unicode and HTML
  • رابطة الشبكة العالمية
  • ألوان الويب
  • مقارنة
    • document markup languages
    • متصفحات شبكة الإنترنت
    • layout engines for
      • HTML
      • HTML5
      • Non-standard HTML
      • XHTML

البيانات الوصفية

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

العنصر الوصف
<base> تحديد أساس روابط URL لجميع الروابط النسبية (relative URLs) الموجودة في المستند. لا يجوز استخدام أكثر من عنصر <base> في المستند.
<head> توفير معلوماتٍ عامةً عن المستند (أي بيانات وصفية)، بما في ذلك عنوان المستند وروابط إلى السكربتات الموجودة فيها وصفحات الأنماط.
<link> تحديد العلاقات بين المستند الحالي وبين مورد خارجي (external resource)؛ من استخدامات هذا الوسم تتضمن تعريف علاقة بين الصفحات للتنقل بينها، بيد أنَّ أكثر استخدامات هذا العنصر شيوعًا هوتضمين صفحات الأنماط.
<meta> تمثيل البيانات الوصفية التي لا يمكن تمثيلها باستخدام عناصر HTML المتعلقة بالبيانات الوصفية مثل <base> أو<link> أو<script> أو<style> أو<title>.
<style> يحتوي العنصر <style> معلومات عن تنسيق المستند أوجزءٍ منه، إذ تحتوى داخل هذا العنصر معلومات التنسيق التي من المتسقط حتى تكون بلغة CSS.
<title> تعريف عنوان المستند، الذي يظهر في شريط العنوان للمتصفح أوفي لسان الصفحة، ويمكن حتى يحتوي هذا العنصر على نصوص فقط، وسيتم تجاهل أيّة وسوم ترد فيه.


العناصر التقسيمية

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

العنصر الوصف
<body> تمثيل محتوى مستند HTML، ولا يجوز حتىقد يكون هنالك أكثر من عنصر <body> واحد في المستند.
<address> توفير معلومات التواصل للمحتوى الموجود في أقرب عنصر<article> أو<body> أب، وإذا كان سيوفر المعلومات لعنصر <body> أب فستُطبَّق المعلومات على تام المستند.
<article> تمثيل جزء من المستند أوالصفحة أوالتطبيق أوالمسقط الغرض منها هوالقدرة على إعادة توزيعها واستخدامها بشكل مستقل، مثل موضوع في منتدى أومنطقة في صحيفة أوتدوينة.
<aside> تمثيل جزء من المستند الذي يتعلق محتواه بشكلٍ أوبآخر بالمحتوى الرئيسي للمستند (ويُمثَّل هذا العنصر عادةً على شكل شريط جانبي).
<footer> تمثيل تذييل لأقرب عنصر تقسيمي (sectioning element) أوللمستند كله؛ ويحتوي التذييل عادةً على معلومات حول محرر المحتوى أومعلومات حقوق النشر أووصلات إلى مستندات مفيدة.
<h1-h6> تُمثِّل عناصر <h1>-<h6> ستة مستويات من ترويسات الأقسام، ويكون العنصر<h1> أعلى مستوى والعنصر <h6> أدنى مستوى.
<header> يضم العنصر <header> مجموعةً من العناصر التمهيدية أوالمساعدة على التنقل، وقت يحتوي على بعض عناصر الترويسات أوعناصر أخرى مثل شعار المسقط أونموذج درس وهلم جرًا.
<nav> تمثيل قسم من الصفحة غرضه هوتوفير روابط للتنقل، سواءً كانت ضمن المستند نفسه أوإلى مستندات أخرى.

من أكثر الأمثلة شيوعًا هي القوائم وجداول المحتويات والفهارس.

<section> تمثيل قسم مستقل له وظيفة خاصة به ضمن مستند HTML، ويكون له ترويسة عادةً، وهذا القسم ليس له وسمٌ خاصٌ يمكن حتى يمثِّله.

المحتوى النصي

عناصر المحتوى النصي تُستخدَم لتنظيم أجزاء من المحتوى الموجودة في العنصر <body>، وهي مفيدة لتعريف الغرض من المحتوى الموجود داخلها، مما يفيد في فهرسة الصفحة أوزيادة قابلية الوصول إليها.

العنصر الوصف
<blockquote> يُشير العنصر <blockquote> (اسم هذا العنصر اختصارٌ للعبارة HTML Block Quotation Element) إلى أنَّ النص الموجود داخله هونص اقتباس طويل.

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

<dd> الإشارة إلى شرح أحد المصطلحات في قائمة وصف (description list) أي العنصر <dl>.
<div> العنصر <div> هوحاوية عامة للمحتوى التي لا تُمثِّل شيئًا معيّنًا، يمكن استخدامها لتجميع العناصر لأغراض مثل التنسيق (باستخدام خاصيتَي class أوid)، أوإنشاء قسم حديث في المستند بلغةٍ أخرى (باستخدام الخاصية lang)، وهلم جرًا.
<dl> تمثيل قائمة وصف (description list)، وهذا العنصر يتضمن مجموعةً من المصطلحات وشرحها. يستخدم هذا العنصر عادةً في القوامس أوشرح المصطلحات، أولعرض البيانات الوصفية (قائمة من أزواج مفاتيح-قيم).
<dt> تعريف أحد المصطلحات في قائمة وصف (description list)، يجب حتىقد يكون هذا العنصر ابنًا للعنصر <dl>، ويكون متبوعًا عادةً بعنصر <dd>؛ لكن إذا وردت عدِّة عناصر <dt> متتالية فستُعرَّف عدِّة مصطلحات (terms) التي ستُشرَح عبر عنصر <dd> التالي.
<figcaption> تمثيل لافتة أوشرح مرتبط بصورة أورسمة أوغير ذلك مما يمكن حتى يوصف عبر العنصر <figure> الذي يجب حتىقد يكون الأب المباشر لهذا العنصر..
<figure> تمثيل محتوى مستقل بحد ذاته، ويستخدم عادةً مع لافتة (عبر العنصر <figcaption>)، ويُشير عادةً إلى وحدة لا تتجزأ من المعلومات.
<hr> تمثيل فاصل موضوعي بين الفقرات (مثلًا: تغيّر المشهد في سيرة ما، أوتبدّل الموضوع بإنشاء قسم جديد).

كان يُعرَض هذا العنصر في الإصدارات السابقة من HTML على شكل خط أفقي، وسليمٌ أنَّه ما يزال يعرَض كذلك في المتصفحات، لكن أصبح له معنى هيكلي، بدلًا من كونه عنصرًا شكليًا فقط.

<li> لتمثيل عنصر في قائمة، ويجب حتى يحتوى هذا العنصر في عنصر أب الذيقد يكون قائمة مرتبة <ol> أوقائمة غير مرتبة <ul> أوقائمة<menu>.

تُعرَض عناصر القوائم العادية <menu> والقوائم غير المرتبة وقبلها نقطة (bullet point)، أما في القوائم المرتبة فتعرض عناصرها بترتيبٍ تصاعدي وقبلها رقم أوحرف يشير على ترتيبها.

<main> تمثيل المحتوى الرئيسي لجسم المستند (العنصر <body>) أولجزءٍ من المستند أوالتطبيق. تضم منطقة المحتوى الرئيسي جميع المحتوى المرتبط مباشرةً بموضوع المستند أويضيف عليه، أويمثِّل الوظيفة الرئيسية للتطبيق.
<ol> تمثيل قائمة مرتبة من العناصر، التي تُعرَض على شكل قائمة مرقمة.
<p> يُمثِّل العنصر <p> فقرةً نصيةً، وتُعرَض الفقرات عادةً على شكل أقسام من النص يفصل بينها بمسافة فارفة رأسية، أوبزيادة محاذاة أوّل سطر.
<pre> يُمثِّل العنصر <pre> نصًا منسقًا مسبقًا (preformatted text)، والنص الموجود داخل هذا العنصر يُعرَض بخطٍ ذي عرضٍ ثابت (monospaced font) كما هومكتوب في الملف المصدري تمامًا، وستُعرَض الفراغات الموجودة كما هي.
<ul> تمثيل قائمة غير مرتبة من العناصر، التي تُعرَض على شكل قائمة منقطة عادةً.

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

تُستخدَم العناصر النصية لإضفاء معنى أوبنية أوتنسيق إلى حدثة أوسطر أوأي نص.

العنصر الوصف
<a> يُنشِئ العنصر <a> (اسمه اختصار للحدثة anchor) رابطًا فائقًا (hyperlink) لصفحات الويب الأخرى أوللملفات أولأقسم الصفحة الحالية أولعنواين البريد الإلكتروني.
<abbr> تمثيل اختصار وتوفير شرح له، وعند إضافة الشرح يجب حتى تحتوي الخاصية title على الشرح الكامل لهذا الاختصار فقط ولا يسمح بأي قيمة أخرى.
<b> تمثيل نص يختلف تنسيقه عن تنسيق النص العادي، دون حتىقد يكون له أهمية أوأولوية على بقية النص، ويُعرَض عادةً بخطٍ عريض (bold).
<bdi> يعزل العنصر <bdi> (اختصار للعبارة bidirectional isolation) جزءًا من النص الذي يمكن تنسيقه باتجاه نص (أي اتجاه النص من اليمين إلى اليسار مثل اللغة العربية، أومن اليسار إلى اليمين مثل اللغات اللاتينية) مختلف عن النص الذي حوله.

هذا العنصر مفيدٌ عند تضمين نص لا يُعرَف اتجاهه تحديدًا -مثل تضمين نص من قاعدة البيانات- داخل نص له اتجاه نص معيّن.

<bdo> يتجاوز العنصر <bdo> (اختصار للعبارة bidirectional override) اتجاه النص الحالي واستخدام اتجاه مُحدَّد مسبقًا.
<br> يؤدي إلى الانتنطق إلى سطرٍ جديد، وهومفيد عند كتابة قصيدة شعرية أوعنوان ما، حيثقد يكون تقسيم الأسطر مهمًا.
<cite> تمثيل مرجعية لعملٍ إبداعي، إذ يجب حتى يتضمن عنوان العمل أورابط URL، ويمكن حتىقد يكون محتواه مختصرًا وذلك اعتمادًا على نوعية المرجعية التي يُشير إليها.
<code> تمثيل جزء من شيفرة برمجية، ويُعرَض افتراضيًا باستخدام الخط ذي العرض الثابت الذي يستعمله المتصفح.
<data> يربط العنصر <data> بين محتوى العنصر وقيمة سهلة القراءة برمجيًا.

إذا كان المحتوى متعلقًا بالوقت أوالتاريخ، فيجب حينئذٍ استخدام العنصر <time>.

<dfn> تمثيل تعريف لأحد المصطلحات في أوّل مرة يرد فيها.
<em> يُعطي العنصر <em> توكيدًا للنص الموجود فيه، ويمكن تشعّب العنصر<em> (أي استخدام أكثر من عنصر <em> داخل بعضها) وكل مستوى من مستويات التشعب يعطي توكيدًا أكثر للنص.
<i> تمثيل جزء من النص يجب حتى يتميز عن بقية النص لسببٍ ما، مثل المصطلحات التقنية أوالعبارات المكتوبة بلغةٍ خارجية أوالتعابير الوجهية لشخصيةٍ ما في مسرحية ...إلخ. ويُعرَض هذا العنصر عادةً بخطٍ مائل.
<kbd> تمثيل مدخلات المستخدم ويؤدي إلى عرض النص بالخط ذي العرض الثابت الافتراضي الذي يستعمله المتصفح.
<mark> يستعمل العنصر <mark> لتعليم (highlight) جزء من النص لغرض الإشارة إليه لأن له أهمية في سياقٍ معيّن. فمثلًا يمكن حتى يستعمل لتعليم جميع مرة ترد فيها حدثة مفتاحية في تعبير البحث في صفحة النتائج.
<q> الإشارة إلى أنَّ النص المحتوى فيه يُمثِّل اقتباسًا قصيرًا، ويستعمل هذا العنصر للاقتباسات التي لا بحاجة إلى فقرة كاملة لها، أما للاقتباسات الطويلة فاستخدم العنصر <blockquote>.
<s> يؤدي العنصر <s> إلى عرض النص ويتوسطه خط؛ استخدم العنصر <s> لتمثيل النص الذي لم يعد متعلقًا بالموضوع أولم يعد دقيقًا؛ لكن العنصر <s> ليس مناسبًا للإشارة إلى التعديلات التي أُجريت على المستند، فلتلك التعديلات استخدم <del> و<ins>.
<samp> الغرض من العنصر <samp> هوإظهار جزء من ناتج برنامج حاسوبي، ويُعرَض محتوى هذا العنصر عادةً بخطٍ ذي عرضٍ ثابت (monospace).
<small> يؤدي العنصر <small> إلى تقليل حجم الخط بمقدار درجة واحدة (مثلًا: منlarge إلى medium، أومن small إلى x-small) وصولًا إلى أدنى حجم خط متوافر في المتصفح.

أصبح لهذا العنصر أهمية تنظيمية في HTML5 فهويمثل التعليقات الجانبية أوالنصوص التي تُطبَع عادةً بخطٍ صغير مثل تعبير حقوق النشر أوالنص القانوني، وهذا الاستخدام التنظيمي منفصل عن طريقة عرض العنصر.

<span> العنصر <span> هوحاوية سطرية (inline container) عامة، والتي لا تُمثِّل نوعًا معيّنًا من المحتوى، ويمكن حتى تستعمل تجميع العناصر من أجل التنسيق (إما باستخدام الخاصية id أوclass) أولأن تلك العناصر تتشارك في خاصيةٍ ما مثل الخاصية lang.
<strong> يعطي العنصر <strong> أهميةً للنص المحتوى فيه، ويُعرَض النص عادةً بخطٍ عريض (bold).
<sub> تمثيل جزء من النص الذي يجب حتى يُعرَض في مستوى أدنى (وغالبًا ماقد يكون أصغر) من المستوى الرئيسي للنص.
<sup> تمثيل جزء من النص الذي يجب حتى يُعرَض في مستوى أعلى (وغالبًا ماقد يكون أصغر) من المستوى الرئيسي للنص.
<time> تمثيل الوقت بنظام 24 ساعة أوالتاريخ الدقيق باستخدام التقويم الميلادي (ويمكن إضافة الوقت أومعلومات المنطقة الزمنية اختياريًا).
<u> يستخدم العنصر <u> لعرض النص مع وضع خط أفقي تحت خط الأساس لمحتواه.

يُمثِّل هذا العنصر في HTML5 جزءًا من النص الذي يُشار إليه عبر تطبيق تأثير واضح عليه لكن ذلك التأثير غير نصي وغير مُحدَّد، أوللإشارة أنَّ النص فيه خطأ إملائي.

<var> تمثيل متغير في تعبيرٍ رياضي أوفي شيفرةٍ برمجية.
<wbr> يُعرِّف العنصر <wbr> نقطةً لقسم السطر عند الحاجة، حيث يرمز اسم هذا العنصر إلى Word Break Opportunity، أي يُسمَح للمتصفح حتى يقسم السطر عند هذا الموضع على الرغم من أنَّ قواعد قسم السطر لا تسمح بإنشاء سطر حديث في ذاك الموضع.

الوسائط المتعددة

تدعم HTML تضمين الوسائط المتعددة مثل الصور والصوت والصوت والصورة.

العنصر الوصف
<area> تعريف منطقة في خريطة لصورة، ويمكن حتى ترتبط تلك المنطقة (اختياريًا) مع رابط فائق. لا يمكن استعمال هذا العنصر إلا ضمن عنصر <map>.
<audio> تضمين المحتوى الصوتي في المستندات، وقد يحتوي على ملف مصدري واحد أوأكثر التي تُمثَّل باستخدام الخاصية src أوعبر العنصر <source>، وسيختار المتصفح أنسب الملفات الصوتية لتشغيلها.
<img> تمثيل صورة في المستند.
<map> يُستخدَم العنصر <map> مع عنصر <area> لتعريف خريطة للصورة (أي منطقة قابلة للنقر في الصورة).
<track> يُستخدَم العنصر <track> داخل العنصر <audio> أو<video> ويسمح لك باستخدام مسارات نصية مؤقتة مثل الترجمات المصاحبة لمقاطع الصوت والصورة. تكون هذه المقاطع بصيغة WebVTT (وملفاتها بامتداد .vtt أي Web Video Text Tracks).
<video> تضمين المحتوى الصوتي في المستندات، وقد يحتوي على ملف مصدري واحد أوأكثر التي تُمثَّل باستخدام الخاصية src أوعبر العنصر <source>، وسيختار المتصفح أنسب صيغة لتشغيلها.

تضمين المحتوى

إضافةً إلى الوسائط المتعددة، يمكن تضمن مختلف أنواع المحتوى في مستندات HTML، حتى لولم يكن من السهل دومًا التعامل مع ذاك المحتوى.

العنصر الوصف
<embed> يُمثِّل العنصر <embed> نقطة إدراج لتطبيق خارجي أولمحتوى تفاعلي (أي بصيغة أخرى: إضافة plug-in).
<object> يُمثِّل العنصر <object> موردًا خارجيًا، والذي يمكن حتى يُعامل كصورة، أوكمورد سيُعالَج عبر إضافة خارجية.
<param> يُعرِّف العنصر <param> معاملات (parameters) للعنصر <object>.
<source> يُحدِّد العنصر <source> عدِّة مصادر لملفات الوسائط المتعددة ضمن العنصر<picture> أو<audio> أو<video>. وهذا العنصر فارغ، وأكثر استخدام رائج له هوتوفير محتوى الوسائط المتعددة نفسه لكن بصيغ مختلفة لكي يستطيع المتصفح تشغيل أنسبها.
<picture> يُمثِّل العنصر <picture> حاويةً تُستخدَم لتحديد عدِّة مصادر عبر العنصر<source> لصورة <img> محتواة داخله؛ وسيختار المتصفح أنسب مصدر للصورة اعتمادًا على تخطيط الصفحة (أي الصندوق المحتوى فيه هذا العنصر) والجهاز الذي ستُعرَض الصورة داخله (هل شاشته عادية أم عالية الدقة).

السكربتات

لإنشاء محتوى تفاعلي في تطبيقات الويب، فتدعم HTML استخدام لغات السكربتات، وخصوصًا JavaScript، وهنالك عدِّة عناصر متوافرة لدعم هذه الإمكانية.

العنصر الوصف
<canvas> استخدم العنصر <canvas> مع القابلة البرمجية الخاصة به لترسم الرسومات وتحركها.
<noscript> يُعرِّف العنصر <noscript> قسمًا من شيفرات HTML التي ستُضاف إلى الصفحة إذا لم يكن العنصر <script> مدعومًا في المتصفح أوكان استخدام شيفرات JavaScript معطلًا من قِبل المستخدم.
<script> تضمين أوالإشارة إلى سكربت قابل للتطبيق.


التعديلات

تسمح لنا هذه العناصر بالإشارة إلى أنَّ جزءًا من النص قد جرى تغييره.

العنصر الوصف
<del> تمثيل نص حُذِفَ من المستند، وهذا النص يُعرَض عادةً ويتوسطه خط (strike-through) لكن ذلك ليس إجباريًا.
<ins> تمثيل نص أُضيف إلى المستند، وهذا النص يُعرَض عادةً وتحته خط لكن ذلك ليس إجباريًا.

الجداول

تُستعمَل هذه العناصر لإنشاء والتعامل مع البيانات المجدولة.

العنصر الوصف
<caption> تمثيل عنوان الجدول، وعلى الرغم من أنَّه يجب حتىقد يكون أوّل ابن للعنصر <table> لكن يمكن باستخدام CSS وضعه في أي مكان نسبةً إلى الجدول.
<col> تعريف عمود ضمن أحد الجداول، ويُستخدم لإعطاء هيكل تنظيمي للخلايا المتشابهة، ويكون موجودًا داخل عنصر <colgroup>.
<colgroup> تعريف مجموعة أعمدة ضمن أحد الجداول.
<table> تمثيل البيانات المجدّولة، أي المعلومات التي يُعبّر عنها عبر جدول ثنائي الأبعاد.
<tbody> يُجمِّع العنصر <tbody> عنصر <tr> أوأكثر كجسم للعنصر <table>.
<td> تعريف خلية في الجدول الذي يحتويها.
<tfoot> تعريف مجموعة من الأسطر التي تُمثِّل خلاصةً لأعمدة العنصر<table>.
<th> تعريف خلية تُمثِّل ترويسةً في الجدول الذي يحتويها. تُعرّف طبيعة هذه الترويسة عبر الخاصيتين scope وheaders.
<thead> تعريف مجموعة من الأسطر التي تُمثِّل ترويسةً لأعمدة العنصر<table>.
<tr> تعريف سطر يحتوي على خلايا في جدول، وهذه الخلايا تُمثَّل عبر العنصرين <td> و<th>.

النماذج

توفِّر HTML عددًا من العناصر التي يمكن حتى تتكامل مع بعضها لإنشاء نماذج يمكن للمستخدمين ملأها وإرسالها إلى خادوم الويب لمعالجها.

العنصر الوصف
<button> يُمثِّل العنصر <button> زرًا قابلًا للضغط.
<datalist> يحتوي العنصر <datalist> على عناصر <option> التي تُمثِّل القيم المتوافرة لعناصر النماذج الأخرى.
<fieldset> تجميع عدِّة عناصر ولافتات (<label>) ضمن نموذج في مستند HTML؛ مما يجعل نماذجك أسهل استخدامًا وأوضح.
<form> تمثيل قسم في المستند الذي يحتوي على عناصر يستطيع المستخدم التفاعل معها لإرسال بيانات إلى خادوم الويب.
<input> يُستخدَم العنصر <input> لإنشاء عناصر تفاعلية للنماذج في صفحات الويب التي تقبل معطيات من المستخدم، ثم تُرسَل إلى الخادوم.
<label> تمثيل لافتة (caption) لأحد عناصر النماذج.
<legend> تمثيل لافتة (caption) لعنصر <fieldset> الأب له.
<meter> يُمثِّل العنصر <meter> إما قيمةً عددية ضمن مجال معيّن، أوقيمةً جزئية (fractional value).
<optgroup> إنشاء مجموعة من الخيارات ضمن العنصر <select>.
<option> تعريف عنصر محتوى ضمن العنصر <select> أو<optgroup> أو<datalist>. وبالتالي يمكن استعمال العنصر <option>لتمثيل عناصر القوائم في مختلف أنوع القوائم في مستند HTML.
<output> تمثيل ناتج عملية حسابية أوأحد أفعال المستخدم.
<progress> تمثيل تقدم إكمال مهمة ما، ويُعرَض عادةً على شكل شريط تقدم (progress bar).
<select> تمثيل عنصر من عناصر النماذج يوفِّر قائمةً من الخيارات.
<textarea> تمثيل عنصر من عناصر النماذج يوفِّر مربعًا نصيًا متعدد الأسطر قابلًا للتعديل.

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

توفِّر HTML مجوعةً من العناصر التي تساعد في إنشاء عناصر تفاعلية يستطيع المستخدم التفاعل معها.

العنصر الوصف
<details> يُستخدم العنصر <details> لعرض معلومات إضافية للمستخدم يمكنه إظهارها وإخفاؤها متى شاء. يمكن وضع أيّ نوع من المحتوى ضمن العنصر <details>، وتكون محتوياته مخفيةً افتراضيةً (إلا إذا ضُبِطَت الخاصية open).
<summary> يُستخدم العنصر <summary> لعرض خلاصة أولافتة أوعنوان لمحتويات العنصر<details>.

انظر أيضاً

  • html5
  • صفحات الطرز المتراصة
  • جافا سكريبت
  • php
  • أوبن كارت

وصلات خارجية

  • ما هي HTML؟
  • آخر مواصفات لاتش تي ام ال HTML 4.01
  • مقدمة لاتش تي ام ال للمحرر ديف راجيتس Dave Raggett's
  • فيديو: أساسيات لغة HTML - شرح باللغة العربية
  • w3schools (بالإنجليزيّة) تعلّم كيف من الممكن أن تصنع مسقط إلكتروني, مجموعة من الدروس المجانيّة في كلّ تقنيّات تطوير الويب. علّم نفسك .
  • floatbird (بالعربي) مسقط متخصص في مجال التصميم والبرمجة. عالم الجودة في الإنترنات .
  • codecademy (بالإنجليزيّة) تفهم البرمجية تفاعليّا، مجانا.

مراجع

  1. ^ "W3C Html". مؤرشف من الأصل فيعشرة أغسطس 2019.
  2. ^ https://www.sitepoint.com/w3c-html5-logo/
  3. ^ http://www.iso.org/iso/home/store/catalogue_tc/catalogue_detail.htm?csnumber=27688 — تاريخ الاطلاع:سبعة سبتمبر 2016
  4. ^ Tim Berners-Lee, "Information Management: A Proposal." CERN (March 1989, May 1990). W3.org نسخة محفوظة 26 يونيو2018 على مسقط واي باك مشين.
  5. ^ "HTML 3.2 Reference Specification". World Wide Web Consortium. January 14, 1997. مؤرشف من الأصل في ثلاثة فبراير 2018. اطلع عليه بتاريخ 16 نوفمبر 2008.
  6. ^ "IETF HTML WG". مؤرشف من الأصل في 13 سبتمبر 2018. اطلع عليه بتاريخ 16 يونيو2007. Note: This working group is closed
  7. Arnoud Engelfriet. "Introduction to Wilbur". Web Design Group. مؤرشف من الأصل في 14 أكتوبر 2017. اطلع عليه بتاريخ 16 يونيو2007.
  8. ^ Raggett, Dave (1998). . مؤرشف من الأصل في 18 نوفمبر 2019. اطلع عليه بتاريخ July 9, 2007.
  9. ^ "HTML 4.0 Specification". World Wide Web Consortium. December 18, 1997. مؤرشف من الأصل في 30 أغسطس 2019. اطلع عليه بتاريخ 16 نوفمبر 2008.
  10. ^ "HTML أربعة – أربعة Conformance: requirements and recommendations". مؤرشف من الأصل في 16 فبراير 2019. اطلع عليه بتاريخ 30 ديسمبر 2009.
  11. ^ "HTML 4.0 Specification". World Wide Web Consortium. April 24, 1998. مؤرشف من الأصل في أربعة سبتمبر 2019. اطلع عليه بتاريخ 16 نوفمبر 2008.
  12. ^ "HTML 4.01 Specification". World Wide Web Consortium. December 24, 1999. مؤرشف من الأصل في 30 أغسطس 2019. اطلع عليه بتاريخ 16 نوفمبر 2008.
  13. ISO (2000). "ISO/IEC 15445:2000 – Information technology – Document description and processing languages – HyperText Markup Language (HTML)". مؤرشف من الأصل في 29 أغسطس 2016. اطلع عليه بتاريخ 26 ديسمبر 2009.
  14. ^ Cs.Tcd.Ie. Cs.Tcd.Ie (2000-05-15). Retrieved on 2012-02-16. نسخة محفوظة 2 ديسمبر 2007 على مسقط واي باك مشين.


تاريخ النشر: 2020-06-01 18:05:47
التصنيفات: لغة ترميز النص الفائق, اختراعات متعلقة بالحواسيب في 1990, توسيم, لغات ترميزية, مختصرات حوسبة, معايير رابطة الشبكة العالمية, قالب أرشيف الإنترنت بوصلات واي باك, صفحات بها مراجع ويكي بيانات, صفحات تستخدم خاصية P503, صفحات تستخدم خاصية P154, مقالات تحتاج إلى صور, مقالات تحتوي نصا بالإنجليزية, مقالات بها أقسام فارغة, جميع المقالات التي بها أقسام فارغة, صفحات بها وصلات إنترويكي, وصلات إنترويكي بحاجة لمراجعة, بوابة إنترنت/مقالات متعلقة, بوابة اتصال عن بعد/مقالات متعلقة, بوابة برمجة الحاسوب/مقالات متعلقة, بوابة برمجيات/مقالات متعلقة, بوابة تقنية المعلومات/مقالات متعلقة, بوابة عقد 1990/مقالات متعلقة, بوابة علم الحاسوب/مقالات متعلقة, جميع المقالات التي تستخدم شريط بوابات, صفحات تستخدم خاصية P244, صفحات تستخدم خاصية P227, صفحات تستخدم خاصية P268

مقالات أخرى من الموسوعة

سحابة الكلمات المفتاحية، مما يبحث عنه الزوار في كشاف:

آخر الأخبار حول العالم

الرئيس السيسي يصل مقر القمة الإفريقية الأوروبية فى بروكسل

المصدر: الرئيس نيوز - مصر التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:54
مستوى الصحة: 53% الأهمية: 59%

مصر: المحاولات الإسرائيلية بحي "الشيخ جراح" تقوض فرص السلام

المصدر: اليوم - السعودية التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:32
مستوى الصحة: 46% الأهمية: 57%

التحالف: 15 استهدافا ضد ميليشيا الحوثي في مأرب وحجة خلال 24 ساعة

المصدر: اليوم - السعودية التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:26
مستوى الصحة: 59% الأهمية: 57%

4 سنوات حبس لمروج الممنوعات في أوساط الشباب بأولاد بن عبد القادر

المصدر: صوت الشلف - الجزائر التصنيف: مجتمع
تاريخ الخبر: 2022-02-17 15:25:03
مستوى الصحة: 48% الأهمية: 52%

إطلاق فعالية "ميناء أخضر" في ميناء الملك عبدالعزيز بالدمام

المصدر: اليوم - السعودية التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:37
مستوى الصحة: 45% الأهمية: 61%

وزيرة الدفاع الألمانية: لا نرى انسحاب فعلي للقوات الروسية

المصدر: اليوم - السعودية التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:25
مستوى الصحة: 46% الأهمية: 52%

موعد انتهاء تقديم شقق وزارة الاسكان 2022.. تفاصيل جنة وسكن مصر

المصدر: الرئيس نيوز - مصر التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:56
مستوى الصحة: 46% الأهمية: 59%

ضبط 345 منشأة خالفت أنظمة الغذاء والدواء خلال يناير

المصدر: اليوم - السعودية التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:29
مستوى الصحة: 53% الأهمية: 67%

"أكثر من 3 آلاف وحدة".. أسعار شقق سكن مصر 2022 بالطرح الجديد للاسكان

المصدر: الرئيس نيوز - مصر التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:56
مستوى الصحة: 52% الأهمية: 65%

“الجوازات السعودية” تصدر توضيحا بخصوص السفر من البلاد

المصدر: كِشـ24 - المغرب التصنيف: سياسة
تاريخ الخبر: 2022-02-17 18:15:21
مستوى الصحة: 37% الأهمية: 40%

مركز الملك سلمان يوزع 137 طنّاً من المساعدات في سمنجان الأفغانية

المصدر: صحيفة اليوم - السعودية التصنيف: مجتمع
تاريخ الخبر: 2022-02-17 15:25:12
مستوى الصحة: 42% الأهمية: 45%

عشرات المحتجين يتظاهرون بجرادة ضدّ إرتفاع الأسعار

المصدر: الأول - المغرب التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:16
مستوى الصحة: 55% الأهمية: 50%

برلماني يهاجم قرار "المركزي" بوقف التعامل بمستندات التحصيل

المصدر: الرئيس نيوز - مصر التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:57
مستوى الصحة: 55% الأهمية: 53%

عشرات المحتجين يتظاهرون بجرادة ضدّ إرتفاع الأسعار

المصدر: الأول - المغرب التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:17
مستوى الصحة: 57% الأهمية: 55%

وضع تصور لحماية البيئة واستدامة الرقعة الزراعية بـ"واحة الأحساء"

المصدر: اليوم - السعودية التصنيف: سياسة
تاريخ الخبر: 2022-02-17 15:24:27
مستوى الصحة: 55% الأهمية: 53%

تحميل تطبيق المنصة العربية