Редактор HTML

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

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

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

Примечания

↑ ^1,0 ^1,1 ^1,2 ^1,3 ^1,4 Что такое HTML-редактор (неопр.). Дата обращения: 15 сентября 2017. Архивировано 7 сентября 2017 года.
↑ Марат Габитов. Выбираем HTML-редактор (неопр.). 3dnews.ru (5 октября 2005). Дата обращения: 15 сентября 2017. Архивировано 16 сентября 2017 года.
↑ ^3,0 ^3,1 Текстовые редакторы для верстальщика — HTML Academy (неопр.). Дата обращения: 15 сентября 2017.
↑ ^4,0 ^4,1 Какой лучший редактор HTML, PHP, CSS, JS кода? (неопр.). Дата обращения: 15 сентября 2017. Архивировано 14 сентября 2017 года.
↑ ^5,0 ^5,1 ^5,2 ^5,3 ^5,4 ^5,5 CSS и HTML редакторы скачать бесплатно на русском (неопр.). Дата обращения: 15 сентября 2017. Архивировано 16 сентября 2017 года.
↑ 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.

Ссылки

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

[onLineTeachingCom-1] 1,0 ^1,1 ^1,2 ^1,3 ^1,4 Что такое HTML-редактор (неопр.). Дата обращения: 15 сентября 2017. Архивировано 7 сентября 2017 года.

[3dnewsMarat-2] Марат Габитов. Выбираем HTML-редактор (неопр.). 3dnews.ru (5 октября 2005). Дата обращения: 15 сентября 2017. Архивировано 16 сентября 2017 года.

[htmlacademy-3] 3,0 ^3,1 Текстовые редакторы для верстальщика — HTML Academy (неопр.). Дата обращения: 15 сентября 2017.

[sitearru-4] 4,0 ^4,1 Какой лучший редактор HTML, PHP, CSS, JS кода? (неопр.). Дата обращения: 15 сентября 2017. Архивировано 14 сентября 2017 года.

[masterCss-5] 5,0 ^5,1 ^5,2 ^5,3 ^5,4 ^5,5 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.

[1]

[2]

[3]

[4]

[5]

[6]