محرر HTML

محرر HTML هو برنامج يُستخدم لتحرير لغة HTML، وهي لغة ترميز صفحات الويب. على الرغم من إمكانية التحكم في ترميز HTML في صفحة الويب باستخدام أي محرر نصوص، إلا أن محررات HTML المتخصصة توفر سهولة أكبر، ووظائف إضافية، وتنظيمًا أفضل. على سبيل المثال، لا تقتصر العديد من محررات HTML على التعامل مع لغة HTML فحسب، بل تدعم أيضًا التقنيات ذات الصلة مثل CSS و JavaScript و ECMAScript . في بعض الحالات، تُدير هذه المحررات أيضًا الاتصال بخوادم الويب البعيدة عبر بروتوكولي FTP وWebDAV، وأنظمة التحكم في الإصدارات مثل Subversion وGit. كما أن العديد من برامج معالجة النصوص، وبرامج التصميم الجرافيكي، وبرامج تخطيط الصفحات غير المخصصة لتصميم الويب ، مثل Microsoft Word وQuarkXPress، لديها القدرة على تحرير وتصدير مستندات HTML. ^{[ 1 ]}

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

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

تتطلب برامج تحرير النصوص فهم المستخدم للغة HTML وأي تقنيات ويب أخرى يرغب المصمم في استخدامها، مثل CSS و JavaScript ولغات البرمجة النصية من جانب الخادم .

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

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

تُحقق خاصية عرض WYSIWYG من خلال تضمين محرك تخطيط . قد يكون هذا المحرك مكتوبًا خصيصًا أو مبنيًا على محرك مستخدم في متصفح الويب. والهدف هو أن تمثل النتيجة المعروضة ، في جميع مراحل التحرير، ما سيُرى لاحقًا في متصفح ويب عادي. ^{[ 2 ]}

يُعدّ نظام WYSIWYM ( ما تراه هو ما تقصده ) نموذجًا بديلًا لمحررات WYSIWYG. فبدلًا من التركيز على تنسيق المستند أو طريقة عرضه، يحافظ على المعنى المقصود لكل عنصر. على سبيل المثال، تُصنّف عناوين الصفحات والأقسام والفقرات، وما إلى ذلك، على هذا النحو في برنامج التحرير وتُعرض بشكل مناسب في المتصفح.

لغة HTML هي لغة ترميز هيكلية . توجد قواعد محددة لكيفية كتابة HTML لكي تتوافق مع معايير W3C للويب. اتباع هذه القواعد يعني إمكانية الوصول إلى مواقع الويب على جميع أنواع وأجهزة الكمبيوتر، للأشخاص الأصحاء وذوي الإعاقة، وكذلك على الأجهزة اللاسلكية كالهواتف المحمولة وأجهزة المساعد الرقمي الشخصي، على الرغم من محدودية نطاقاتها الترددية وأحجام شاشاتها. مع ذلك، لا تفي معظم مستندات HTML على الويب بمتطلبات معايير W3C. في دراسة أُجريت عام 2011 على 350 من أكثر مواقع الويب شيوعًا (المختارة وفقًا لمؤشر Alexa)، فشل 94% من المواقع في اختبارات التحقق من صحة ترميز وأنماط صفحات الويب، أو أنها تُطبّق ترميز الأحرف بشكل غير صحيح. حتى تلك المستندات الصحيحة نحويًا قد تكون غير فعّالة بسبب الاستخدام غير الضروري للتكرار، أو لأنها تستند إلى قواعد مُهملة منذ سنوات. وقد صاغت W3C توصياتها الحالية بشأن استخدام CSS مع HTML لأول مرة عام 1996 ^{[ 6 ]} ، وتم تنقيحها وتحسينها منذ ذلك الحين. ^{[ 7 ] [ 8 ]}

تؤكد هذه الإرشادات على فصل المحتوى (HTML أو XHTML) عن التصميم (CSS). يُتيح هذا الفصل عرض معلومات التصميم مرة واحدة للموقع بأكمله، دون تكرارها في كل صفحة أو عنصر HTML. ويُمثل هذا تحديًا لمصممي محررات WYSIWYG الذين ما زالوا يُعانون من إيجاد أفضل طريقة لعرض هذه المفاهيم على المستخدمين دون كشف تفاصيلها التقنية.

من المرجح أن يتم عرض الترميز الصحيح بشكل متسق وسهل الوصول إليه عبر مختلف المتصفحات والأجهزة. تتيح أدوات التحقق، مثل مدقق HTML ومدقق CSS التابعين لاتحاد شبكة الويب العالمية (W3C)، للمؤلفين التحقق من الأخطاء النحوية وغيرها في ترميز HTML الخاص بهم. ^{[ 9 ]}

في بعض الدول، يُلزم القانون بتوفير إمكانية الوصول إلى صفحات الويب للأشخاص ذوي الإعاقات الجسدية أو البصرية أو غيرها. وينص قانون الأمريكيين ذوي الإعاقة في الولايات المتحدة وقانون مكافحة التمييز ضد ذوي الإعاقة في المملكة المتحدة على ذلك بالنسبة للمواقع الإلكترونية التي تديرها منظمات ممولة من القطاع العام. ^{[ 9 ]} إن جعل الصفحات متاحة للجميع ليس مجرد جعلها صالحة؛ فهذا شرط أساسي، ولكن هناك العديد من العوامل الأخرى التي يجب مراعاتها. ^{[ 10 ]} ويجب أن يراعي تصميم المواقع الإلكترونية الجيد، سواء تم باستخدام أداة WYSIWYG أم لا، هذه العوامل أيضًا.

بغض النظر عن أدوات البرمجيات المستخدمة في تصميم وإنشاء وصيانة صفحات الويب، فإن جودة كود HTML الأساسي تعتمد على مهارة الشخص الذي يعمل على الصفحة. إن امتلاك بعض المعرفة بلغات HTML وCSS وغيرها من لغات البرمجة النصية، بالإضافة إلى الإلمام بتوصيات W3C الحالية في هذه المجالات، سيساعد أي مصمم على إنتاج صفحات ويب أفضل، سواءً باستخدام محرر HTML مرئي أو بدونه. ^{[ 11 ]}

• مقارنة بين محررات لغة HTML
• قائمة محرري لغة HTML
• أنظمة قوالب الويب
• منشئ مواقع الويب
• محرر مرئي
• مدقق