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 (what you see is what you mean ) — это альтернативная парадигма редакторам 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]