Редактор HTML

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

HTML редактор «Kompozer»
HTML редактор «Amaya»

Редакторы 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]

Примечания править

  1. 1 2 3 4 5 Что такое HTML-редактор. Дата обращения: 15 сентября 2017. Архивировано 7 сентября 2017 года.
  2. Марат Габитов. Выбираем HTML-редактор. 3dnews.ru (5 октября 2005). Дата обращения: 15 сентября 2017. Архивировано 16 сентября 2017 года.
  3. 1 2 Текстовые редакторы для верстальщика — HTML Academy. Дата обращения: 15 сентября 2017.
  4. 1 2 Какой лучший редактор HTML, PHP, CSS, JS кода? Дата обращения: 15 сентября 2017. Архивировано 14 сентября 2017 года.
  5. 1 2 3 4 5 6 CSS и HTML редакторы скачать бесплатно на русском. Дата обращения: 15 сентября 2017. Архивировано 16 сентября 2017 года.
  6. HTML Document Basics // An Introduction to HTML and JavaScript. — London: Springer London. — С. 21–42. — ISBN 978-1-84628-656-8, 978-1-84628-657-5.

Ссылки править