recent
أخبار ساخنة

كل ما تود معرفته عن لغة HTML

ما هي لغة الترميز HTML

لغة HTML هي لغة كمبيوتر تستخدم لإنشاء وتطوير مواقع الويب ، وهي لغة قياسية وبسيطة وسهلة التعلم ولغة HTML هي اختصار "Hypertext Markup Language" وتعني لغة توصيف النص التشعبي.

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

ما هي لغة الترميز HTML

تستخدم لغة HTML <> كتعيين أساسي لأي عنصر ، لذلك على سبيل المثال لتحديد صورة على الويب يتم استخدام العلامة <img> ، وعندما تريد تحديد فقرة تشكل جزءا من علامة نصية <p>. 

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

ما هو تاريخ لغة HTML

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

النص التشعبي يعني النص الذي يحتوي على مراجع وروابط للنصوص الأخرى التي يمكن للمشاهدين الوصول إليها على الفور وتم نشر الإصدار الأول من HTML في عام 1991 ، ويتكون من 18 وسم HTML ومنذ ذلك الحين ، جاء كل إصدار جديد من لغة HTML مع وسوم وسمات جديدة للترميز.

وفقا لمرجع HTML لشبكة Mozilla Developer Network ، يوجد حاليا 140 علامة HTML ، على الرغم من أن بعض تلك العلامات قديم بالفعل ولا تدعمه المتصفحات الحديثة.

نظرا لشعبية اللغة الكبيرة ، أصبح HTML الآن معيارا رسميا لصفحات الويب والمواقع الإلكترونية ويتم الحفاظ على مواصفات لغة HTML وتطويرها بواسطة اتحاد شبكة الويب العالمية W3C ويمكنك الإطلاع علي أحدث حالة للغة في أي وقت على موقع W3C.

كان التطور الأكبر في اللغة هو إصدار HTML5 في عام 2014 وقد أضاف هذا الإصدار العديد من العلامات الدلالية الجديدة إلى اللغة والتي تكشف تلك العلامات عن معنى محتواها مثل علامات <article> و <header> و <footer>.

مميزات لغة HTML

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

تعمل HTML على أنظمة تشغيل Windows أو Mac أو Linux أو iOS أو Android ، وهي ميزة رائعة في لغة HTML ، بغض النظر عن ذلك فهناك لغات أخرى يتم تفسيرها وتصميمها فقط لأنظمة تشغيل محددة.

HTML هي لغة يمكن كتابتها وتجميعها في أي محرر أكواد أو نصوص ، مما يتجنب الحصول على برامج محددة وتثبيتها أو كما هو الحال في لغات أخرى ومع فتح برنامج Notepad الخاص بنا على نظام التشغيل Windows أو Mac ، يمكننا كتابة تعليمات HTML البرمجية الخاصة بنا وتجميعها على أي متصفح مثل Chrome أو Mozilla أو Safari أو Microsoft Edge.

كيف تعمل لغة HTML

مستندات HTML هي ملفات تنتهي بامتداد .html أو .htm. ويمكنك بعد ذلك عرض هذه الملفات على أي متصفح ويب مثل Chrome أو Safari أو Mozilla Firefox وبعد أن يقرأ المتصفح ملف HTML يعرض محتواه للمستخدمين على الإنترنت ليتمكنوا من مشاهدته.

تتكون كل صفحة من صفحات HTML من مجموعة من العلامات ، تسمى أيضا العناصر والتي يمكنك الإشارة إليها باعتبارها البنية الأساسية لصفحات الويب.

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

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

تم نشر إصدار HTML4 في عام 1999 والذي يشار له هذه الأيام باسم "HTML" ، بينما صدر أحدث إصدار من اللغة في عام 2014 باسم HTML5 ، وقد أدخل هذا التحديث العديد من المميزات والعناصر الجديدة للغة.

قامت HTML5 بتقديم بعض التحسينات الدلالية والعلامات الدلالية الجديدة والتي تعلم المتصفحات بمعنى المحتوى ، مما يفيد القراء ومحركات البحث كثيرا.

وقد أضافت HTML5  ميزة رائعة أيضا وهي تضمين مقاطع الصوت والفيديو بدلا من استخدام برنامج Flash Player وهذا ما جعل إضافة مقاطع الصوت والفيديو لصفحات الويب عملية سهلة للغاية ويتم هذا باستخدام العلامات التالية <video> و <audio>.

أفضل علامات HTML5 الجديدة
  1. <header> : يستخدم للتعريف برأس الصفحة
  2. <nav> : يستخدم لتعريف قوائم التنقل
  3. <footer> : يستخدم لتزييل الصفحة
  4. <aside> : يستخدم لتعريف المحتوي الجانبي للصفحة
  5. <article> : يستخدم لتعريف المقالات والفقرات
  6. <section> : يستخدم لتعريف الأقسام في الصفحة

ويمكنك الإطلاع علي جميع العلامات والعناصر الجديدة في لغة HTML5 علي موقع W3Schools.

أشهر اكواد HTML

هذه هي أشهر الوسوم والعناصر تقريبا في لغة HTML :
  1. <div> هذا الوسم هو حاوية عامة عامة للمحتوي الذي لا يمثل شيئا معينا 
  2. <span> هذا الوسم يستخدم ك الكود الذي فوقه ولاكنه يعتبر تابع له 
  3. <style> هذا الوسم يستخدم في تنسيق العناصر و الشكل و المظهر 
  4. <br / > هذا الوسم يستخدم لفصل الفقرات والنصوص عن بعضها البعض . 
  5. <button> هذا الوسم يستخدم لإضافة زر إلي محتوي الصفحة
  6. <script> هذا الوسم يقوم بالاشارة الي سكريبت قابل للتنفيذ
  7. <var> يمثل هذا متغير في التعبير الرياضي او في شفرة برمجية
  8. <a> هذا الوسم يقوم بإنشاء الروابط بنوعية hyperlink
  9. <ul> يقوم هذا الوسم بإنشاء القوائم المرتبة التي تاخذ مظهر النقاط
  10. <ol> يقوم هذا الوسم بإنشاء القواءم المرتبة التي تاخذ مظهر الترقيم
  11. <body> هذا الوسم يقوم بتمثيل محتوي مستند HTML ويعتبر هو الجسد للصفحة
  12. <h1> - <h6> هذه الوسوم تستخدم لإنشاء عناوين الفقرات والصفحات بست مستويات مختلفة 
  13. <footer> يقوم هذا الوسم بعمل تذييل للصفحة
  14. <section> يمثل هذا الوسم قسم مستقل له وظيفة خاصة به ضمن مستند ال HTML
  15. <blockqoute> يقوم هذا الوسم بإظهار شكل الاقتباس الذي يكون موجود في ملف ال HTML
  16. <head> يقوم هذا الوسم بتوفير المعلومات العامة عن مستند ال HTML
  17. <meta> يقوم هذا الوسم بتوفير البيانات الوصفية التي لا يمكن تمثيها ب عناصر ال HTML
  18. <title> يقوم هذا الوسم بتعريف عنوان المستند الذي يكون في الشريط العلوي للمتصفح

خلاصة المقال

HTML هي لغة الترميز الرئيسية لصفحات ومواقع الويب ويتم تشغيلها في كل متصفح ويتم إدارتها بواسطة اتحاد شبكة الويب العالمية.

يمكنك استخدامها لإنشاء البنية الأساسية لمواقع وتطبيقات الويب وهي أدنى مستوى من تقنيات الواجهة الأمامية ، وهي تعد بمثابة أساس للتصميم الذي يمكنك إضافته باستخدام لغة CSS والوظائف التي يمكنك تنفيذها باستخدام لغة JavaScript.
google-playkhamsatmostaqltradent