لغة الحاسوب

مقالة حول لغة HTML؟

ما هي لغة HTML؟

تعتبر لغة HTML بمتابة اختصارللكلمات النمكونة لمصطلح HyperText Markup Language ، وهي لغة التوصيف النصي الت تستخدم بغية تعريف بنية صفحات الويب أو ما يسمى بـ Pages Structur، وتحديد المحتوى الموجود ضمنها مثل: والقوائم، والصور والصفحات والفقرات النصية العناوين... ، وغير ذلك من عناصر الويب. وفي ما يلي سنتعرف على معنى كل كلمة على حدى من الكلمات المكونة لتسمية هذه اللغة.
Markup: وتعني هذه الكلمة التخطيط للصفحات وتنسيق عناصرها، من خلال القيام بمجموعة الوسوم أو ما يسمى Tags التي تمكنك من القيام بذلك، من أجل أن تعطي لمتصفح الويب تعليمات عرض الصفحات بشكل جذاب وسهل الفهم لدى المستخدم.
HyperText: يقصد به أي نص يحتوي على روابط لمواقع أو صفحات أخرى ضمنه، يُعرَف أيضًا باسم الوصلات التشعبية أو الروابط التشعبية، دورها هو أنها تسمح لك بالانتقال من أي نقطة إلى أي نقطة دون أن تسير في خط سير محدد. فبدلًا من قراءة صفحة ويب بالترتيب الخطي الذي وضعه المؤلف، يمكنك استخدام الروابط التشعبية للقفز إلى قسم آخر من نفس الصفحة، أو صفحة مختلفة على الموقع الحالي، أو إلى موقع خارجي.
Language : هي أبسط جزء من المفهوم المركب. مثل أي لغة، تتكون HTML من تركيبة وأبجدية فريدة. لكن يدور حول هذه الكلمة جدلًا واسعًا ويتساءل الكثير: هل هي بالفعلإتش تي إم إل” لغة برمجة حقًا؟

تاريخ عن ظهور لغة

تم تطوير النسخة الأولى من HTML سنة 1993 لكنها كانت محدودة الإمكانيات ولم تجد انتشارًا واسعًا في البداية فجاءت النسخة الثانية HTML 2.0 التي انتشرت في مجتمعات الويب مضيفةً عناصر جديدة مثل الجداول ونماذج الإدخال ومع استمرار النقاشات بين المطورين صانعو المتصفحات أصدرت منظمة W3C نسخة HTML 3.2 عام 1997 حيث أضافت دعمًا لتنسيقات CSS استمرت التحديثات حتى إطلاق HTML 5 عام 2014 وهو الإصدار الأساسي المستخدم حاليًا في متصفحات الويب ومن مميزاته أنه يدعم معظم المتصفحات والأجهزة و يتجانس مع لغات تطوير الواجهات كما يشتمل على ميزات مثل التخزين المحلي إضافة إلى تحديد الموقع الجغرافي وتشغيل الوسائط عبر الوسوم المخصصة لذلك.
ما أهمية HTML واستخداماتها؟ 

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

ما الفرق بين لغة HTML ولغة CSS 

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

مميزات وعيوب لغة HTML 

مميزات لغة HTML

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

عيوب لغة HTML

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

كيفية تعلّم لغة HTML

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

تعديل المقال