محرر 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 is a structured markup language. There are certain rules on how HTML must be written if it is to conform to W3C standards for the World Wide Web. Following these rules means that web sites are accessible on all types and makes of computer, to able-bodied and people with disabilities, and also on wireless devices like mobile phones and PDAs, with their limited bandwidths and screen sizes. However, most HTML documents on the web do not meet the requirements of W3C standards. In a study conducted in 2011 on the 350 most popular web sites (selected by the Alexa index), 94 percent of websites fail the web standards markup and style sheet validation tests, or apply character encoding improperly. Even those syntactically correct documents may be inefficient due to an unnecessary use of repetition, or based upon rules that have been deprecated for some years. Current W3C recommendations on the use of CSS with HTML were first formalised by W3C in 1996^[6] and have been revised and refined since then.^[7][8]

These guidelines emphasise the separation of content (HTML or XHTML) from style (CSS). This has the benefit of delivering the style information once for a whole site, not repeated in each page or HTML element. This poses a challenge for WYSIWYG editor designers who have been struggling ever since with how best to present these concepts to their users without exposing them to the underlying reality.

Valid markup is more likely to be rendered consistently and accessibly across different browsers and devices. Validation tools such as the W3C HTML Validator and W3C CSS Validator allow authors to check for syntactical and other errors in their HTML markup.^[9]

In some countries, accessibility of web pages by those with physical, eyesight or other disabilities is mandated by law. The United States's Americans with Disabilities Act and the United Kingdom's Disability Discrimination Act require this for websites operated by publicly funded organizations.^[9]Making pages accessible is more complex than just making them valid; that is a prerequisite but there are many other factors to be considered.^[10] Good web design, whether done using a WYSIWYG tool or not needs to take account of these too.

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

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