Редактор HTML

Реда́ктор HTML, или HTML-реда́ктор — редактор исходного кода веб-страниц, поддерживающий язык разметки HTML. Обычно делятся на редакторы исходного кода и WYSIWYG-редакторы, которые тоже могут иметь возможность редактирования исходного кода^[1].

Редакторы HTML являются специализированным программным обеспечением, а значит, предоставляют ряд удобств для написания HTML-разметки. Например, подстановку или целые шаблоны страниц, подсветку синтаксиса. WYSIWYG-ответвления могут работать как конструктор сайтов. Каждый редактор эксклюзивен и имеет ряд своих особенностей, достоинств и недостатков^[2].

Преимущества

Для верстальщика текстовый редактор (HTML-редактор) — это основной рабочий инструмент^[3]. Для современных редакторов важны инструменты ускорения и автоматизации написания кода^[3][4], ведь от редактора кода зависит продуктивность^[4]. Такими средствами становятся плагины вроде emmet; несколько кареток в Sublime Text; и автодополнение кода^[5], подсветка синтаксиса^[5].

Для использования WYSIWYG-редактора нет необходимости знать HTML^[5]. Без знаний можно полноценно пользоваться разметкой: размечать абзацы, заголовки, картинки или таблицы, при этом сразу глядя на то, что будет в итоге^[5].

Однако, они непопулярны у профессионалов, так как каждый визуальный редактор, генерирующий код, создаёт его неоптимально больше, чем профессионал^[5]. К тому же такой редактор может работать только с разметкой, когда профессиональный верстальщик может пользоваться нестандартными тегами или вставлять javascript-код в разметку^[5].

Сравнение визуального редактора и редактора исходного кода

В прессе часто поднимается вопрос о сравнении двух подходов: визуального редактора и редактора исходного кода^[1].

Редактор исходного кода позволяет поддерживать чистоту исходного кода^[1]. Сама создаваемая разметка гибче и точнее визуальной^[1]. Разметка позволяет достигнуть разнообразия визуальной составляющей, избегая однотипности «готовых» шаблонов^[1].

Сравнение редакторов исходного кода

Редакторы исходных кодов, как и любое программное обеспечение, различаются стоимостью, частотой обновлений, используемой лицензией, поддержкой операционных систем. Однако, есть и специальные характеристики, которых нет у другого программного обеспечения: поддержка вспомогательных протоколов (FTP, SFTP, GIT, SSH), проверка правописания, предпросмотр страницы, поддержка технологий (XSLT, RSS, xPath, MathML, JavaScript), а также поддержка разных спецификаций HTML (3.2, 4, XHTML, HTML5) и их валидация, поддержка графических форматов.

Какие бы программные инструменты ни использовались для проектирования, создания и обслуживания веб-страниц, качество лежащего в их основе HTML зависит от навыков человека, работающего над страницей. Некоторое знание HTML, CSS и других языков сценариев, а также знакомство с текущими рекомендациями W3C в этих областях помогут любому дизайнеру создавать более качественные веб-страницы с HTML-редактором WYSIWYG или без него.^[6]

Примечания

Ссылки

• Выбираем HTML-редактор  (неопр.). 3dnews.ru. Дата обращения: 15 сентября 2017.
• Описание популярных редакторов кода веб-страниц  (неопр.). wiki.webimho.ru. Дата обращения: 15 сентября 2017.