ما هو HTML؟ تاريخه وطريقة تحليله ونموذج DOM

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

ما هو HTML؟

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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Sample page</title>
  </head>
  <body>
    <h1>Hello</h1>
    <p>This paragraph contains a <a href="https://example.com">link</a>.</p>
  </body>
</html>

يحمل قسم <head> معلومات عن الصفحة (ترميز الأحرف والعنوان وأوراق الأنماط)، بينما يضم <body> المحتوى المرئي. ويُضاف المظهر عبر CSS والسلوك عبر JavaScript. في هذا التقسيم تصف HTML ماهية المحتوى، وتحدد CSS شكله، وتتولى JavaScript ما يفعله.

لمحة تاريخية

وُلدت HTML جزءا من مشروع الشبكة العنكبوتية العالمية الذي اقترحه تيم بيرنرز لي في CERN عام 1989، وعمل أول متصفح له على حاسوب NeXT عام 1990. لم تكن النسخ الأولى من اللغة معيارا رسميا بقدر ما كانت قائمة وسوم موثقة في CERN. وأبرز المحطات منذ ذلك الحين:

• نوفمبر 1995، HTML 2.0: عرّف RFC 1866، الذي كتبه تيم بيرنرز لي ودان كونولي، لغة HTML معيارا رسميا لأول مرة.
• يناير 1997، HTML 3.2: النسخة التي اعتمدتها W3C رسميا مواصفة مشتركة بين جهات الصناعة.
• 24 ديسمبر 1999، HTML 4.01: ظلت المواصفة الأساسية للويب سنوات طويلة، وأعلنت W3C رسميا في 27 مارس 2018 أنها حلّ محلها ما هو أحدث.
• 28 أكتوبر 2014، HTML5: نشرت W3C نسخة HTML5 بوصفها توصية رسمية، وتوحّدت معها عناصر الفيديو والصوت وعناصر التقسيم الدلالي وخوارزمية تحليل محددة بدقة.
• 28 مايو 2019، معيار واحد: وقّعت W3C ومجموعة WHATWG، التي أسسها مطورو المتصفحات، مذكرة تفاهم تُطوَّر بموجبها HTML وDOM أساسا في WHATWG بصفتهما "معيارا حيا" (Living Standard) بلا أرقام إصدارات.

لذلك فإن "HTML5" اليوم تعني عمليا "HTML الحالية"، والمواصفة الرسمية هي HTML Living Standard التي تُحدَّث باستمرار.

ما مدى انتشارها؟ وفق إحصاءات W3Techs بتاريخ 15 أكتوبر 2026، فإن 97.8% من المواقع المعروفة لغة ترميزها تستخدم HTML. ويذكر المصدر نفسه أن 99.1% من المواقع المعروف ترميز أحرفها تستخدم UTF-8.

كيف يعالج المتصفح HTML؟

ما يميز HTML عن صيغ المستندات الأخرى أن المستندات المكتوبة بشكل سيئ تُفسَّر بالطريقة نفسها في كل المتصفحات. ولهذا الغرض تحدد مواصفة HTML Living Standard نموذج تحليل مفصلا:

1. تحديد الترميز: على المتصفح أولا تحويل البايتات الواردة إلى أحرف. فيبحث بالترتيب عن علامة BOM، ثم الترميز المعلن في ترويسة HTTP من الخادم، ثم تصريح <meta charset> في أول 1024 بايت من المستند، وإن لم يجد شيئا من ذلك يلجأ إلى تخمين مدروس.
2. التقطيع إلى رموز: تقسّم آلة حالات النص إلى رموز مثل وسوم البداية ووسوم النهاية والتعليقات وتصريحات DOCTYPE والأحرف.
3. بناء الشجرة: تُعالَج الرموز وفق أنماط إدراج مثل "in body" أو "in table". ويحتفظ المحلل بمكدس من العناصر المفتوحة ويصلح الوسوم المتداخلة خطأً وفق قواعد محددة.
4. نموذج DOM: الناتج شجرة من الكائنات تسمى نموذج كائن المستند (DOM). تُطبَّق CSS على هذه الشجرة، وتقرؤها JavaScript وتعدّلها.

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

أين تُستخدم HTML؟

• المواقع وتطبيقات الويب: هي الهيكل الذي تقوم عليه كل صفحة ويب.
• البريد الإلكتروني: الرسائل المنسقة والنشرات البريدية تُكتب بلغة HTML.
• التوثيق: صفحات المساعدة ووثائق البرمجيات والمواقع المولَّدة من Markdown.
• الكتب الإلكترونية: تحزم صيغة EPUB المحتوى في صورة مستندات XHTML.
• التقارير والملفات المُصدَّرة: تُنتج تطبيقات كثيرة تقاريرها بصيغة HTML، وناتج خيار "حفظ كصفحة ويب" في Word هو HTML أيضا.

نقاط القوة والضعف

ما البرامج التي تفتح ملفات HTML؟

تعرض كل المتصفحات ملفات HTML، ومنها Chrome وFirefox وSafari وEdge. ولتعديل الشيفرة المصدرية يكفي محرر شيفرات مثل Visual Studio Code أو أي محرر نصوص. ويستطيع Microsoft Word وLibreOffice Writer فتح ملفات HTML وتحريرها كمستندات، مع تبسيط تخطيطات CSS المعقدة.

المشكلات الشائعة وحلولها

الأحرف الخاصة تظهر مشوهة

ترميز الصفحة مفقود أو خاطئ. أضف <meta charset="utf-8"> قرب بداية قسم <head> وتأكد من أن الملف محفوظ فعلا بترميز UTF-8. وإذا كان الخادم يعلن ترميزا مختلفا فأصلح ترويسة HTTP أيضا.

الصفحة المحفوظة بلا صور أو تنسيقات

كثيرا ما تجلب ملفات HTML الصور وCSS من ملفات منفصلة أو من عناوين على الإنترنت، فإذا نقلت ملف .html وحده تنكسر هذه الروابط. استخدم خيار الحفظ "صفحة ويب، كاملة" في متصفحك أو ضمّن الصور داخل المستند.

الصفحة تختل عند الطباعة

قد لا تناسب التخطيطاتُ المصممة للشاشات الورقَ. ويؤدي تعريف قواعد @media print وضبط حجم الورق والهوامش عبر @page في CSS إلى تحسين ملحوظ في المخرجات المطبوعة.

نصائح لتحويل ملفات HTML

في محوّلنا تُرفع ملفات HTML إلى خادمنا وتُحذف خلال 30 دقيقة. وعند قراءة الملف يُكتشف الترميز من علامة BOM، ثم من تصريح <meta charset>، ثم من المحتوى نفسه، وتُقرأ الصفحات القديمة غير المرمّزة بـ UTF-8 على أنها Windows-1254 (الترميز التركي القديم)، لذا يُستحسن حفظ الصفحات العربية القديمة بترميز UTF-8 أو التصريح بترميزها قبل التحويل. ويُحتفظ بمحتوى <body> في المستند وبكتلة <style> في الصفحة، أما مقاطع HTML التي لا تحتوي وسم <body> فتُعالَج كما هي.

• يعمل تحويل HTML إلى PDF داخل محرك متصفح: تُطبَّق قواعد CSS الخاصة بالطباعة، ويُحترم حجم الصفحة المحدد عبر @page (وإلا فحجم A4)، وتُطبع ألوان الخلفية. ولأسباب أمنية لا تُنفَّذ JavaScript ولا تُنزَّل الصور أو الخطوط أو أوراق الأنماط الموجودة على الإنترنت، بل تُستخدم الموارد المضمّنة في المستند فقط (data: URIs). إذا أردت ظهور الصور في الناتج فضمّنها في HTML.
• يستخدم تحويل HTML إلى Word برنامج LibreOffice لنقل العناوين والقوائم والجداول والمحاذاة والصور المضمّنة إلى DOCX. أما تخطيطات CSS المعقدة (flex وgrid) فليس لها مقابل في Word فتُبسَّط.
• تحويل HTML إلى Markdown مثالي لنقل صفحة ويب أو مقال مساعدة إلى مستودع توثيق: يُحتفظ بالعناوين والتأكيد والقوائم والجداول والروابط وكتل الشيفرة، وتُحذف معلومات التنسيق.
• وفي الاتجاه المعاكس، يضمّن تحويل Word إلى HTML الصور داخل الملف وينتج مستند HTML واحدا مستقلا بترميز أحرف مُعلَن، فتظهر الأحرف العربية والمشكّلة بشكل صحيح في المتصفح.

الأسئلة الشائعة

هل HTML لغة برمجة؟

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

ما الفرق بين HTML5 وHTML؟

HTML5 هو اسم الإصدار الرئيسي الذي أصبح توصية من W3C عام 2014. ومنذ 2019 تُطوَّر HTML في WHATWG دون أرقام إصدارات باسم "HTML Living Standard". وعمليا يعني المصطلحان الشيء نفسه اليوم.

كيف أفتح ملف HTML؟

انقر عليه نقرا مزدوجا فيُفتح في متصفحك الافتراضي. ولرؤية الشيفرة المصدرية افتح الملف في محرر نصوص أو استخدم خيار "عرض مصدر الصفحة" في متصفحك.

لماذا تختفي الصور عند تحويل HTML إلى PDF؟

إذا كانت الصور تُحمَّل من عنوان على الإنترنت فإن محوّلنا لا ينزّلها لأسباب أمنية. ضمّن الصور في HTML على شكل data: URIs، أو حوّل المستند إلى Word أولا وأضف الصور هناك.

هل فتح ملف HTML آمن؟

قد تحتوي HTML على JavaScript، لذا كن حذرا مع الملفات الواردة من مصادر مجهولة. فصفحات HTML التي تصل مرفقاتٍ في البريد الإلكتروني وتطلب كلمة مرور من أساليب التصيد الاحتيالي الشائعة.

المصادر

• WHATWG: HTML Living Standard, Parsing HTML documents
• مذكرة التفاهم بين W3C وWHATWG (28 مايو 2019)
• بيان W3C الصحفي: توصية HTML5 (28 أكتوبر 2014)
• W3C: HTML 4.01 Specification
• IETF RFC 1866: Hypertext Markup Language - 2.0
• Dave Raggett: A history of HTML
• W3Techs: Usage statistics of markup languages for websites