ما الوسم الذي يضع خط في منتصف النص

ما الوسم الذي يضع خط في منتصف النص

الوسم الذي يضع خط في منتصف النص هو <del>.

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

وكمثال عملي مقتبس من صفحة الخدمة لشرح معنى وآلية الاستفادة من هذا الوسم نتيح ما يلي:

The most important encyclopedia in the world is <del>Encyclopedia Britannica</del> <ins>Wikipedia</ins>.

The most important encyclopedia in the world is Encyclopedia Britannica Wikipedia.

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

علماً إنه توجد سمتان يمكن الاستفادة منهما في جمع معلومات إضافية يمكن من خلالها الاطلاع سبب التعديل الذي أجري في المستند، وهما:

• :cite التي تستعمل خلال إضافة عنوان URL لشرح أكثر تفصيلاً عن سبب التعديل.
• :datetime التي يمكن بفضلها معرفة الوقت الذي استخدم فيه الوسم لإحداث التعديل. [1]

ما هي اللغة html

HTML أو ما يعرف بلغة ترميز النص التشعبية عبارة عن لغة ترميز مستندات مواقع الويب المصممة بأسلوب قياسي.

تعني HTML لغة توصيف النّص الفائق التي تحدد بنية صفحة الويب عبر استعمال عدد من العناصر خلال البرمجة كلغة ترميز قياسية مستعملة في إعداد صفحات الويب، حيث يتم تجهيز الوصف بإدراج العناصر أو ما يعرف بالوسوم المخصصة لتحديد كيفية عرض المحتوى، والتي ستكون مسؤولة عن تحديد معالم وأجزاء المحتوى كـ (العنوان – الفقرة – الرابط) والتي تقرأ بلغة البرمجة HTML كـ (هذا العنوان – هذه الفقرة – هذا الرابط) وهكذا.

علماً أن محتوى متصفح الويب ممكن أن يتم دعمه بتقنيات متنوعة مثل Cascading Style Sheets (CSS)” أو JavaScript “، كما يتم تلقي مستندات HTML عبر خادم ويب أو من الذاكرة المحلية ليتم عرضها في المتصفح متعدد الوسائط، بحيث يكون الغرض من لغة HTML توصيف بنية صفحة الويب دلالياً وبإشارات خاصة لمظهرها، اكواد html تمثل اللبنات الأساسية لصفحاتها كوسيلة لتضمين النصوص والصور والنماذج التفاعلية في الصفحة المعروضة. [2]

استخدامات لغة HTML

• تطوير صفحات الويب.
• التنقل عبر الإنترنت.
• التصاميم المستجيبة.
• التخزين في المتصفح.
• دعم إدخال البيانات.
• إنشاء مستندات الويب.
• تطوير اللعبة.
• تطبيقات الويب بدون إنترنت.
• ميزة القطع المتطورة.
• إثراء الموقع.

للغة الـ HTML البرمجية نطاق واسع من الاستخدامات التي نعرض فيما يلي الأكثر شيوعاً منها:

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

التنقل عبر الإنترنت: يساعد مفهوم النص التشعبي بجعل HTML طريقة جيدة للتنقل ضمن صفحة الويب؛ إذ تكفي نقرة واحدة لنقلك إلى الصفحة المنشودة.

التصاميم المستجيبة: وهي تصاميم تفاعلية وسريعة الاستجابة مفيدة للمستخدم عبر إتاحة مستوى وصول أفضل له.

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

دعم إدخال البيانات: بحيث يتم الإدراج من قبل المستخدم عبر الانترنت ومن العناصر المساعدة عليها عنصر <form>.

إنشاء مستندات الويب: من أمثلة عناصره التي تساعد على هذا DOM أو ما يعرف بـ (نموذج كائن المستند)، ولابد من المتابعة مع عناصر الفتح والإغلاق المعتادة بتنسيق HTML.

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

تطبيقات الويب بدون إنترنت: بمساعدة HTMLسيتمكن المستخدم من الوصول إلى البيانات وهو أوف لاين عبر الاستفادة من ملف بيان ذاكرة التخزين المؤقت لاستخراج البيانات المطلوبة.

ميزة القطع المتطورة: قدم HTML5 عدد هائل من التطورات بمجال الويب كرؤوس HTML المتحركة أو الرسوم البيانية أو التصاميم حول الرسوم من خلال CSS أو عبارات تحفيزية لاتخاذ إجراء أو شارات المستخدم.

إثراء الموقع: من خلال واجهات برمجة التطبيقات الأصلية مع عشرات الميزات من HTML5، كالأدوات والإمكانيات. [3]

مميزات لغة HTML

• سهولة وبساطة الاستخدام.
• البنية الدلالية.
• تحسين محركات البحث – SEO.
• تخزين العميل للبيانات.
• منصة مستقلة.
• دعم وسائل الإعلام.

يوفر HTML شريحة واسعة من الميزات التي تمكن في نهاية المطاف من وصف كل جزء من محتوى صفحة الويب، مما يصعب ولكثرة هذه الميزات إمكانية حصرها لكن نذكر بما يلي أبرزها:

سهولة وبساطة الاستخدام: فالعلامات تجعل بنية HTML سهلة الاستخدام من العنصر البشري وتمكن من قراءة المستند بكفاءة.

البنية الدلالية: إذ يفرد HTML5 علامات عناصر مختلفة الأغراض والدلالات التي ترمي إليها بعينها، فعلامة articleيمكن من خلالها التعليق على محتوى الصفحة وعلامة <aside> تدل على المحتويات المرتبطة بشكل غير مباشر بالمحتوى.

تحسين محركات البحث – SEO: علماً أنّ SEO أكبر نقطة بيع فريدة لـ HTML5وبالتزامن مع ظهور محركات البحث بات الأمر أسهل للحصول على البيانات من المحتوى.

تخزين العميل للبيانات: باتت هذه اللغة وسيلة تمكن العميل من تخزين أجزاء صغيرة من البيانات كرموز المصادقة أو أسماء المستخدمين عبر الاستفادة من ميزة ملفات تعريف الارتباط.

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

دعم وسائل الإعلام: وذلك أن HTML قادر على تصفح الصور والفيديو والصوت؛ أي قادر على تشغيل الوسائط بكفاءة عالية، وهو ما تضمنه عناصر HTML5 التالية (<video> و <audio>). [4]

عناصر لغة html

• <!DOCTYPE html>.
• <html>.
• <head>.
• <title>.
• <body>.
• <h1>-<h6>.
• <p>.
• <a>.
• <img>.

تعتبر عناصر لغة html البرمجية من اللبنات الأساسية التي يعتمد عليها في التنسيق لأي محتوى في متصفح الويب التي لكل منها أغراضها، وفيما يلي نستعرض أشهر أوامر HTML ووظائفها بالتفصيل مما يجب إتقانه لتسهيل البرمجة والتعرف على تفاصيلها:

<!DOCTYPE html>: علامة تخبر المتصفح بإصدار الـ HTML المستخدم، مما يضمن عرض التعليمات البرمجية بطريقة صحيحة.

<html>: هي علامة بداية الكود وتعلم المتصفح أن كل ما يليها كود خاص بـ HTML.

<head>: علامة الرأس التي تدل على معلومات حول المستند كالعنوان أو الروابط أو بيانات التعريف.

<title>: وهي علامة عنوان الصفحة الذي سوف يظهر في تبويب المتصفح.

<body>: علامة صلب الموضوع الذي سيتم عرضه سواءً كان نص أو صورة فيديو.

<h1>-<h6>: العلامات المخصصة لإنشاء عناوين على صفحة الويب تتراوح من h1 (الأكبر) حتى h6 (الأصغر).

<p>: العلامة الخاصة بإنشاء فقرات نصية.

<a>: العلامة الخاصة بإنشاء ارتباط تشعبي يقود إلى الصفحة مباشرةً.

<img>: علامة عرض الصور على صفحة الويب.

<style>: علامة النمط التي تتيح وصول أنماط CSS إلى كود HTML الخاص بالمتصفح. [5]

بتول المنصور