Русская Википедия:Редактор HTML

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску

Файл:Kompozer.png
HTML редактор «Kompozer»
Файл:Amaya inuse.png
HTML редактор «Amaya»

Шаблон: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

  1. 1,0 1,1 1,2 1,3 1,4 Ошибка цитирования Неверный тег <ref>; для сносок onLineTeachingCom не указан текст
  2. Ошибка цитирования Неверный тег <ref>; для сносок 3dnewsMarat не указан текст
  3. 3,0 3,1 Ошибка цитирования Неверный тег <ref>; для сносок htmlacademy не указан текст
  4. 4,0 4,1 Ошибка цитирования Неверный тег <ref>; для сносок sitearru не указан текст
  5. 5,0 5,1 5,2 5,3 5,4 5,5 Ошибка цитирования Неверный тег <ref>; для сносок masterCss не указан текст
  6. Шаблон:Статья