Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску
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 [ править ]

Редактор HTML Amaya 10

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

Вид WYSIWYG достигается за счет встраивания механизма компоновки . Это может быть написано на заказ или основано на том, что используется в веб-браузере. Цель состоит в том, чтобы во время редактирования всегда отображаемый результат отображал то, что будет видно позже в обычном веб-браузере.

WYSIWYM (то, что вы видите, это то, что вы имеете в виду ) - это парадигма, альтернативная редакторам WYSIWYG. Вместо того, чтобы сосредоточиться на формате или представлении документа, он сохраняет предполагаемое значение каждого элемента. Например, заголовки страниц, разделы, абзацы и т. Д. Помечаются как таковые в программе редактирования и соответствующим образом отображаются в браузере.

Трудности в достижении WYSIWYG [ править ]

Данный HTML-документ будет иметь несовместимый вид на разных платформах и компьютерах по нескольким причинам:

Разные браузеры и приложения по-разному отображают одну и ту же разметку.
Одна и та же страница может отображаться немного по-разному в Internet Explorer и Firefox на экране с высоким разрешением, но в совершенно корректном текстовом браузере Lynx она будет выглядеть совсем иначе . Его нужно снова отображать по-другому на КПК, телевидении с выходом в Интернет и на мобильном телефоне. Удобство использования в речевом браузере или браузере Брайля или с помощью программы чтения с экрана, работающей с обычным браузером, предъявляет требования к совершенно другим [ требуется разъяснение ] аспектам основного HTML. Все, что может сделать автор, - это предложить внешность.
Веб-браузеры, как и все компьютерное программное обеспечение, содержат ошибки
Они могут не соответствовать действующим стандартам. Безнадежно пытаться проектировать веб-страницы вокруг всех текущих ошибок обычных браузеров: каждый раз, когда выходит новая версия каждого браузера, значительная часть всемирной паутины будет нуждаться в перекодировании, чтобы соответствовать новым ошибкам и новые исправления. Обычно считается более разумным разрабатывать в соответствии со стандартами, держась подальше от «передовых» функций, пока они не успокоятся, а затем ждать, пока разработчики браузера догонят ваши страницы, а не наоборот. [1] Например, никто не может утверждать, что CSS по-прежнему является «передовым», поскольку теперь в обычных браузерах имеется широкая поддержка всех основных функций, [2] даже если многие WYSIWYG и другие редакторы еще не полностью освоили . [3]
Один визуальный стиль может представлять несколько семантических значений.
Семантическое значение, полученное из базовой структуры документа HTML, важно для поисковых систем, а также для различных инструментов доступности. На бумаге мы можем сказать из контекста и опыта, представляет ли жирный текст заголовок, выделение или что-то еще. Но очень сложно передать это различие в редакторе WYSIWYG. Простого выделения текста жирным шрифтом в WYSIWYG-редакторе недостаточно, чтобы сказать читателю, * почему * текст выделен жирным шрифтом - что полужирность представляет семантически.
Современные веб-сайты редко строятся таким образом, чтобы использовать WYSIWYG.
Современные веб-сайты обычно используют систему управления контентом или некоторые другие средства на основе процессора шаблонов для создания страниц на лету с использованием контента, хранящегося в базе данных. Отдельные страницы никогда не хранятся в файловой системе, поскольку они могут быть разработаны и отредактированы в редакторе WYSIWYG, поэтому некоторая форма абстрактного макета на основе шаблонов неизбежна, что делает недействительным одно из основных преимуществ использования редактора WYSIWYG.

Действительная разметка HTML [ править ]

HTML - это язык структурированной разметки . Существуют определенные правила написания HTML, если он должен соответствовать стандартам W3C для всемирной паутины . Следование этим правилам означает, что веб-сайты доступны на компьютерах всех типов и производителей, для людей с ограниченными возможностями, а также на беспроводных устройствах, таких как мобильные телефоны и КПК., с их ограниченной пропускной способностью и размером экрана. Однако большинство HTML-документов в Интернете не соответствуют требованиям стандартов W3C. В исследовании, проведенном в 2011 году на 350 самых популярных веб-сайтах (отобранных по индексу Alexa), 94 процента веб-сайтов не прошли тесты на разметку веб-стандартов и валидацию таблиц стилей или неправильно применяют кодировку символов. [4] Даже эти синтаксически правильные документы могут быть неэффективными из-за ненужного использования повторений или основанных на правилах, которые не рекомендуются в течение нескольких лет. Текущие рекомендации W3C по использованию CSS с HTML были впервые формализованы W3C в 1996 году [5] и с тех пор были пересмотрены и уточнены. См. CSS , XHTML ,Текущая рекомендация W3C по CSS и текущая рекомендация W3C по HTML .

В этих рекомендациях подчеркивается отделение содержимого (HTML или XHTML) от стиля (CSS). Это дает преимущество в том, что информация о стиле предоставляется один раз для всего сайта, а не повторяется на каждой странице, не говоря уже о каждом элементе HTML. С тех пор дизайнеры редакторов WYSIWYG борются за то, как лучше всего представить эти концепции своим пользователям, не запутывая их, раскрывая основную реальность. Все современные редакторы WYSIWYG преуспевают в этом до некоторой степени, но ни один из них не преуспел полностью.

Как бы то ни было, веб-страница была создана или отредактирована, WYSIWYG или вручную, чтобы добиться успеха среди как можно большего числа читателей и зрителей, а также для поддержания «всемирной» ценности самой Сети, в первую очередь, она должна состоять действующей разметки и кода. [6] Его не следует считать готовым для использования во всемирной паутине до тех пор, пока его синтаксис HTML и CSS не будет успешно проверен с помощью бесплатных служб валидатора W3C ( W3C HTML Validator и W3C CSS Validator ) или некоторых других заслуживающих доверия альтернатив. [6]

Доступность веб-страниц для людей с физическими недостатками, нарушениями зрения или другими ограничениями - это не только хорошая идея, учитывая повсеместное распространение и важность Интернета в современном обществе, но также предусмотрена законом. В США Закон об американцах с ограниченными возможностями, а в Великобритании Закон о дискриминации в отношении лиц с ограниченными возможностями помещает требование на веб-сайты, управляемые организациями, финансируемыми государством. Во многих других странах подобные законы либо уже существуют, либо скоро появятся. [6] Сделать страницы доступными сложнее, чем просто сделать их действительными; это предварительное условие, но необходимо учитывать множество других факторов. [7] Хороший веб-дизайн, независимо от того, выполняется он с помощью инструмента WYSIWYG или нет, тоже должен учитывать это.

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

См. Также [ править ]

  • Сравнение редакторов HTML
  • Список редакторов HTML
  • Система веб-шаблонов
  • Конструктор сайтов
  • Валидатор

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

  1. ^ «Эссе о принципах дизайна W3C» . W3.org . Проверено 23 октября 2013 года .
  2. ^ "Каскадные таблицы стилей" . W3.org . Проверено 23 октября 2013 года .
  3. ^ "Каскадные таблицы стилей" . W3.org . Проверено 23 октября 2013 года .
  4. ^ «Адаптивный веб-дизайн, регистрация доменов, веб-хостинг» . Sikoswebconsulting.com . Проверено 23 октября 2013 года .
  5. ^ «Каскадные таблицы стилей, уровень 1» . W3.org . Проверено 23 октября 2013 года .
  6. ^ a b c Гарольд, Эллиотт Расти (2008). Рефакторинг HTML . Бостон: Эддисон Уэсли. ISBN 978-0-321-50363-3.
  7. ^ «Рекомендации по обеспечению доступности веб-контента (WCAG) 2.0» . W3.org. 2008 . Проверено 23 октября 2013 года .
  8. ^ «Введение в HTML Дэйва Рэггетта» . W3.org. 24 мая 2005 . Проверено 23 октября 2013 года .