Редакторы HTML: типы, функции и возможности

Введение

Программное обеспечение для редактирования HTML

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-редактора не обязательно обладать знаниями 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 году и с тех пор неоднократно пересматривались и совершенствовались. Эти рекомендации подчеркивают разделение контента (HTML или XHTML) и оформления (CSS). Это позволяет один раз задать информацию об оформлении для всего сайта, а не повторять ее на каждой странице и в каждом элементе HTML. Разработчики WYSIWYG-редакторов с тех пор пытаются найти наилучший способ представить эти концепции своим пользователям, не запутывая их, демонстрируя лежащую в основе структуру. Современные WYSIWYG-редакторы в определенной степени преуспевают в этом, но ни один из них не достиг полного успеха. Независимо от того, как была создана или отредактирована веб-страница — с помощью WYSIWYG-редактора или вручную — для достижения успеха у максимально широкой аудитории и сохранения «глобальной» ценности сети Интернет, она прежде всего должна содержать валидную разметку и код. Страница не должна считаться готовой к публикации в сети Интернет, пока ее синтаксис HTML и CSS не будет успешно проверен с помощью бесплатных сервисов валидации W3C (W3C HTML Validator и W3C CSS Validator) или других надежных альтернатив. Хороший веб-дизайн, выполненный с использованием WYSIWYG-инструмента или без него, также должен учитывать эти факторы. Какими бы программными инструментами ни пользовались для разработки, создания и поддержки веб-страниц, качество базового HTML зависит от квалификации специалиста, работающего над страницей. Знание HTML, CSS и других скриптовых языков, а также знакомство с текущими рекомендациями W3C в этих областях поможет любому дизайнеру создавать более качественные веб-страницы, независимо от использования WYSIWYG-редактора HTML.

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 and have been revised and refined since then. 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, let alone in each HTML element. WYSIWYG editor designers have been struggling ever since with how best to present these concepts to their users without confusing them by exposing the underlying reality. Modern WYSIWYG editors all succeed in this to some extent, but none of them has succeeded entirely. However a web page was created or edited, WYSIWYG or by hand, in order to be successful among the greatest possible number of readers and viewers, as well as to maintain the 'worldwide' value of the Web itself, first and foremost it should consist of valid markup and code. It should not be considered ready for the World Wide Web, until its HTML and CSS syntax have been successfully validated using either the free W3C validator services (W3C HTML Validator and W3C CSS Validator) or some other trustworthy alternatives. Good web design, whether done using a WYSIWYG tool or not needs to take account of these too. Whatever software tools are used to design, create and maintain web pages, the quality of the underlying HTML is dependent on the skill of the person who works on the page. Some knowledge of HTML, CSS and other scripting languages as well as a familiarity with the current W3C recommendations in these areas will help any designer produce better web pages, with a WYSIWYG HTML editor and without.