Редактор HTML — это программа , используемая для редактирования HTML , разметки веб -страницы . Хотя HTML-разметкой на веб-странице можно управлять с помощью любого текстового редактора , специализированные HTML-редакторы могут обеспечить удобство, дополнительную функциональность и организацию. Например, многие редакторы HTML поддерживают не только HTML, но и связанные с ним технологии, такие как CSS , XML и JavaScript или ECMAScript . В некоторых случаях они также управляют связью с удаленными веб-серверами через FTP и WebDAV , а также с системами контроля версий , такими как Subversion или Git . Многие программы обработки текста , графического дизайна и верстки страниц , не предназначенные для веб-дизайна , такие как Microsoft Word или Quark XPress , также имеют возможность функционировать как редакторы HTML.
Существует две основные разновидности HTML-редакторов: текстовые и WYSIWYG (что видишь, то и получаешь).
Текстовые редакторы , предназначенные для использования с HTML, обычно обеспечивают как минимум подсветку синтаксиса . Некоторые редакторы дополнительно оснащены шаблонами , панелями инструментов и сочетаниями клавиш для быстрой вставки общих элементов и структур HTML. Мастера , всплывающие подсказки и автозаполнение могут помочь в решении типичных задач.
Текстовые редакторы, обычно используемые для HTML, обычно включают либо встроенные функции, либо интеграцию с внешними инструментами для таких задач, как контроль версий , проверка и проверка ссылок , очистка и форматирование кода , проверка орфографии, загрузка по FTP или WebDAV, а также структурирование в виде файла. проект. Некоторые функции, такие как проверка или проверка ссылок, могут использовать онлайн-инструменты , требующие подключения к сети.
Текстовые редакторы требуют от пользователя понимания HTML и любых других веб-технологий, которые дизайнер хочет использовать, таких как CSS, JavaScript и серверные языки сценариев.
Чтобы облегчить это требование, некоторые редакторы позволяют редактировать разметку в более наглядно организованных режимах, чем простое цветовое выделение, но в режимах, которые не считаются WYSIWYG. Эти редакторы обычно включают возможность использования окон палитры или диалоговых окон для редактирования текстовых параметров выбранных объектов . Эти палитры позволяют редактировать параметры в отдельных полях или вставлять новые теги путем заполнения экранной формы и могут включать дополнительные виджеты для представления и выбора параметров при редактировании параметров (например, предварительный просмотр изображений или стилей текста) или редактор структуры для расширения и изменения параметров. свернуть объекты и свойства HTML.
Редакторы WYSIWYG HTML предоставляют интерфейс редактирования, напоминающий то, как страница будет отображаться в веб-браузере . Поскольку использование редактора WYSIWYG может не требовать каких-либо знаний HTML, неопытному пользователю компьютера зачастую проще начать с него.
Представление WYSIWYG достигается за счет внедрения механизма компоновки . Он может быть написан специально или основан на используемом в веб-браузере. Цель состоит в том, чтобы на всех этапах редактирования визуализированный результат представлял то, что будет видно позже в типичном веб-браузере.
WYSIWYM (что вы видите, то и имеете в виду ) — это парадигма, альтернативная редакторам WYSIWYG. Вместо того, чтобы сосредотачиваться на формате или представлении документа, он сохраняет предполагаемое значение каждого элемента. Например, заголовки страниц, разделы, абзацы и т. д. помечаются как таковые в программе редактирования и соответствующим образом отображаются в браузере.
Данный HTML-документ будет иметь непоследовательный вид на разных платформах и компьютерах по нескольким причинам:
HTML — это структурированный язык разметки . Существуют определенные правила написания HTML, чтобы он соответствовал стандартам W3C для Всемирной паутины. Соблюдение этих правил означает, что веб-сайты доступны на всех типах и моделях компьютеров, для трудоспособных людей и людей с ограниченными возможностями, а также на беспроводных устройствах, таких как мобильные телефоны и КПК, с их ограниченной пропускной способностью и размером экрана. Однако большинство HTML-документов в Интернете не соответствуют требованиям стандартов W3C. По данным исследования, проведенного в 2011 году на 350 самых популярных веб-сайтах (выбранных по индексу Alexa), 94 процента веб-сайтов не проходят тесты разметки и таблицы стилей веб-стандартов или неправильно применяют кодировку символов. Даже такие синтаксически правильные документы могут оказаться неэффективными из-за ненужного повторения или основанных на правилах, которые устарели уже несколько лет. Текущие рекомендации W3C по использованию CSS с HTML были впервые формализованы W3C в 1996 году [4] и с тех пор пересматривались и уточнялись. [5] [6]
Эти рекомендации подчеркивают отделение контента (HTML или XHTML) от стиля (CSS). Преимущество этого метода заключается в том, что информация о стиле предоставляется один раз для всего сайта, а не повторяется на каждой странице, не говоря уже о каждом элементе HTML. С тех пор дизайнеры редакторов WYSIWYG бьются над тем, как лучше всего представить эти концепции своим пользователям, не сбивая их с толку, раскрывая основную реальность. Все современные редакторы WYSIWYG в некоторой степени преуспевают в этом, но ни один из них не преуспел полностью.
Независимо от того, была ли веб-страница создана или отредактирована, WYSIWYG или вручную, для того, чтобы иметь успех среди как можно большего числа читателей и зрителей, а также для поддержания «мировой» ценности самой сети, в первую очередь она должна состоять из допустимой разметки и кода. [7] Его не следует считать готовым для Всемирной паутины до тех пор, пока его синтаксис HTML и CSS не будет успешно проверен с использованием либо бесплатных служб проверки W3C (W3C HTML Validator и W3C CSS Validator), либо некоторых других надежных альтернатив. [7]
Доступность веб-страниц для людей с ограниченными физическими возможностями, зрением или другими нарушениями является не только хорошей идеей, учитывая повсеместность и важность Интернета в современном обществе, но также предусмотрена законом. В США Закон об американцах с ограниченными возможностями и в Великобритании Закон о дискриминации инвалидов устанавливают требования к веб-сайтам, управляемым организациями, финансируемыми государством. Во многих других странах подобные законы либо уже существуют, либо скоро появятся. [7] Сделать страницы доступными сложнее, чем просто сделать их действительными; это обязательное условие, но есть много других факторов, которые следует учитывать. [8] Хороший веб-дизайн, независимо от того, выполнен ли он с использованием инструмента WYSIWYG или без него, также должен учитывать эти факторы.
Какие бы программные инструменты ни использовались для проектирования, создания и обслуживания веб-страниц, качество базового HTML зависит от навыков человека, который работает над страницей. Некоторые знания HTML, CSS и других языков сценариев, а также знакомство с текущими рекомендациями W3C в этих областях помогут любому дизайнеру создавать более качественные веб-страницы с HTML-редактором WYSIWYG или без него. [9]