تاريخ HTML - تعلم HTML مع الأمثلة

تاريخ HTML - تعلم HTML مع الأمثلة

History of HTML - Learn HTML with Examples

لقد شهد HTML، وهو اختصار للغة HyperText Markup Language، تطورًا كبيرًا منذ بدايته. فلنقم برحلة عبر تاريخها لنفهم كيف ساهمت في تشكيل شبكة الويب الحديثة.

HTML 1.0 (1991)

تم تقديم الإصدار الأول من HTML، HTML 1.0، بواسطة Tim Berners-Lee في عام 1991. وكان يتكون من مجموعة محدودة من العلامات لتنظيم المستندات، بما في ذلك العناوين والفقرات والقوائم والروابط.

مثال:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0//EN" "http://www.w3.org/TR/html/html.dtd">
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

HTML 2.0 (1995)

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

HTML 4.01 (1999)

جلب HTML 4.01، الذي تم إصداره في عام 1999، تحسينات كبيرة، بما في ذلك دعم أوراق الأنماط ولغات البرمجة النصية مثل JavaScript وتضمين الوسائط المتعددة. كما قدم أيضًا مفهوم الإطارات لتقسيم صفحة الويب إلى أقسام متعددة.

مثال:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>My HTML 4.01 Page</title>
    <style>
      body { background-color: #f0f0f0; }
      h1 { color: blue; }
    </style>
  </head>
  <body>
    <h1>Welcome to HTML 4.01</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

XHTML (2000)

تم تقديم لغة ترميز النص التشعبي القابلة للتوسيع (XHTML) في عام 2000 كإعادة صياغة لـ HTML باستخدام بناء جملة XML. يهدف XHTML إلى تقريب HTML من معايير XML وتحسين التوافق مع التقنيات الأخرى.

مثال:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>My XHTML Page</title>
    <style type="text/css">
      body { background-color: #f0f0f0; }
      h1 { color: blue; }
    </style>
  </head>
  <body>
    <h1>Welcome to XHTML</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

HTML5 (2014)

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

مثال:


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>My HTML5 Page</title>
    <style>
      body { background-color: #f0f0f0; }
      h1 { color: blue; }
    </style>
  </head>
  <body>
    <header>
      <h1>Welcome to HTML5</h1>
    </header>
    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>
    <section>
      <h2>HTML5 Features</h2>
      <p>This is a paragraph.</p>
    </section>
    <footer>
      <p>Copyright © 2024 My Website</p>
    </footer>
  </body>
</html>

الاستنتاج

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

© TechOucha

شارك على :

☷✎

تعليقات

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)