Небольшой спойлер моих требований (соответственно — система оценки редакторов):

• нативный aqua-интерфейс;
• настраиваемая подсветка синтаксиса: xhtml, css 2.0, JavaScript, XML, PHP — необходимый, но не достаточный минимум;
• автодополнение: обычный список сущностей подойдёт, а что-нибудь на манер IntelliSense будет просто сказкой;
• вкладки: обязательный tab-интерфейс;
• сниппеты;
• макросы/плагины.

Как-то так. Если кто имеет наводки на хороший редактор под Mac OS X — добро пожаловать на почту или в комменты. Emacs не предлагать.

За вёрстку меню не списками, например, нужно лишать доступа к компьютеру.

Виды HTML-редакторов.

Редакторы по функционалу принято делить на четыре категории:

Текстовые HTML-редакторы — более функциональные аналоги «Блокнота», обладающие рядом преимуществ и практически не имеющие недостатков. Основной особенностью, отличающей эти редакторы от остальных, является способ создания и редактирования HTML-страниц: девелопер работает непосредственно с HTML-кодом, среда же предлагает ряд удобств вроде подсветки синтаксиса, автодополнения и макросов. Эта группа HTML-редакторов прочно завоевала первое место среди профессиональных веб-разработчиков. Объяснение этому довольно простое: разработчик имеет полный контроль над кодом страницы, хотя, возможно, и жертвует простотой и скоростью разработки.

Объектные HTML-редакторы являются промежуточным звеном между текстовыми и WYSIWYG/WYSIWYM-редакторами. Такие редакторы позволяют одновременно редактировать свойства нескольких элементов кода, как одного, т.е. группы элементов, имеющих общие значения свойств, представляются в виде одного объекта. Например, цвет ссылок в блоке «меню» — объектный HTML-редактор позволяет объединить все эти ссылки в объект и управлять значениями свойств всей группы ссылок.

WYSIWYG-редакторы представляют собой смесь браузера и текстового редактора, позволяя редактировать как исходный код веб-страницы, так и ее внешний вид, в прямом смысле перетаскивая элементы страницы с помощью мыши. Благодаря своей простоте популярны у начинающих веб-разработчиков, потому как не требуют досконального знания HTML, CSS или JavaScript — большую часть работы можно выполнить с помощью мышки и шаблонов.

WYSIWYM-редакторы позволяют работать со смысловой составляющей страницы: выделяются содержательные части текста — списки, заголовки, цитаты и т.п. В результате редактор выдает валидный и качественный xhtml+css-код: содержательная (xhtml) часть отделена от визуальной (css). Чаще всего WYSIWYM-редакторы реализуют в виде набора JavaScript и используют в какой-либо CMS в качестве редактора для добавления/правки контента.

В ближайшее время будут опубликованы обзоры HTML-редакторов каждого вида: под нож попадут xhtml-редакторы для Windows и Mac OS X (пользователи Linux, как правило, давно определились с выбором).

• текстовые редакторы;
• объектные редакторы;
• WYSIWYG-редакторы (What You See Is What You Get — получаешь то, что видишь);
• WYSIWYM-редакторы (What You See Is What You Mean — получаешь то, что имеешь в виду).

Очень часто в интернете — на различных форумах и в блогосфере — начинающими верстальщиками задаётся один и тот же вопрос: «Как сделать так, чтобы div находился по центру страницы?». Суть проблемы — недостаточное знание стандартов W3C или, что наиболее часто, начисто отшибленное табличной вёрсткой мышление. Что более печально, так это то, что такие же мастера и гуру табличной верстки предлагают совершенно невообразимые решения проблемы новичкам сайтостроительства.

Правильных путей решения этой проблемы несколько, всё зависит от конкретной ситуации. Так рассмотрим же проблему и дадим самый правильный ответ ищущим!

Сбыча мечт.

Ситуация: имеем страницу с желаемой шириной, необходимо сделать так, чтобы в эпоху широких мониторов наш прекрасный контент не расползался по всему экрану, а был на красивенькой плашечке шириной, эдак, в тысячу пикселей, да по центру окна браузера.

Легко! Посмотрим, как это достижимо средствами XHTML 1.0 Strict и CSS2. Сперва создадим блок и напишем в нем, что-нибудь интересное:

<div id="content">У меня горит флажок &mdash; это я его зажёг!</div>

Замечательно, блок готов, осталось применить правильный стиль и — дело в шляпе! Добавляем в CSS такую нехитрую конструкцию:

div#content {
 margin-left: auto;
 margin-right: auto;
 width: 1000px;
}

Вот и всё! Блок шириной в одну тысячу пикселей выровненный по центру готов. Никаких трёх вложенных блоков (да, бывало и такое), никаких прочих шаманств и плясок с бубном. Все дело в том, что в стандарте чёрным по белому сказано:

Если левый и правый внешние отступы установлены в auto — браузер должен выставить им одинаковые значения.

Что любой современный браузер и делает с превеликим удовольствием.

Ах да, эстеты могут сократить CSS до margin-шортката:

div#content {
 margin: 0px auto;
 width: 1000px;
}

Вместо постскриптума.

Многоуважаемые гуру табличной верстки, не страдайте идиотизмом: не нужно мучить два вложенных div’a, устанавливая внешнему text-align: center, а второму display: inline и нужную ширину.

XHTML и CSS просты и красивы, нужно просто повнимательней читать спецификации.

Тег <!–…–> используется для комментариев внутри исходного текста страницы.Непосредственно в браузере комментарии не отображаются и служат для личных целей веб-разработчика: выделение отдельных блоков кода, создание ToDo-листов и т.п.

Помимо этого, в комментарий принято обрамлять скрипты, находящиеся непосредственно в исходном коде страницы. Это помогает избежать отображения старыми браузерами, не поддерживающими тот или иной скрипт-язык, кода скрипта в теле страницы.

Атрибуты

Отсутствуют.

События

Отсутствуют.

Поддерживаемые DTD

• XHTML-1.0-Strict
• XHTML-1.0-Transitional
• XHTML-1.0-Frameset

Пример использования

Код:

<!--Это комментарий. Следующей строкой - просто текст.-->
<span>Hello, HTMLand!</span>
<!--Дадим ссылку на Гугл тем, кто что-то ищет-->
<a href="http://www.google.ru">Ищете что-то?</a>

Результат:

Hello, HTMLand!

Ищете что-то?