Издательский дом ООО "Гейм Лэнд"СПЕЦВЫПУСК ЖУРНАЛА ХАКЕР #67, ИЮНЬ 2006 г.

верстаем не по-детски

БОРИС ВОЛЬФСОН

Спецвыпуск: Хакер, номер #067, стр. 067-034-6


Профессиональные HTML-редакторы vs. «Блокнот»

Довольно часто приходится слышать мнение, что лучше писать web-странички в простом NotePad, а не в HTML-редакторе, специально заточенном под web-программирование (мне нравится, например, Dreamweaver). На эту тему ведутся бесконечные споры, которые иногда называют «религиозными войнами». Такие «научные дискуссии» можно найти на любом форуме, на котором обсуждается web-дизайн, но никакой полезной информации там ты не найдешь. Постараюсь рассказать как можно более беспристрастно о том, чем пользоваться.

Иногда действительно проще воспользоваться простым редактором вроде блокнота или редактировать прямо в FAR’е, когда файл небольшой и имеет простую структуру. Ситуация кардинально меняется, когда необходимо работать с гигантским файлом со сложным кодом. Профессиональные редакторы предоставляют и другие преимущества: подсветка синтаксиса (что, в принципе, FAR с плагинами тоже умеет), локальная валидация, визуальное редактирование, сложные операции. Подсветка синтаксиса помогает ориентироваться в коде, вдобавок можно воспользоваться функцией автоформатирования, автозакрытием тегов и проверкой синтаксиса на лету. Локальная валидация позволяет находить ошибки разного рода в коде, не выходя в интернет. Что касается визуального редактирования, не подумай, что я призываю делать странички именно так. В то же время визуальное редактирование может помочь в навигации по документу: щелкнул в нужном месте визуального представления и перешел в соответствующее место в коде. Еще иногда нужно проводить различные «сложные операции», например заменить в данном куске кода все теги p с атрибутом align, равным center, на тег span и установить атрибут align в значение left. Блокнот тут не поможет, а Dreamweaver с его мощной функцией поиска и замены — еще как. Гвозди можно забивать и отверткой, но молотком проще.

ДЛЯ ЗАКРЫТИЯ ОДИНАРНЫХ ТЕГОВ ПО СТАНДАРТУ XHTML НЕОБХОДИМО ИСПОЛЬЗОВАТЬ ДВА СИМВОЛА «/>» (БЕЗ КАВЫЧЕК)

ДЛЯ НАПИСАНИЯ ЗНАКА «ТИРЕ» НЕЛЬЗЯ ИСПОЛЬЗОВАТЬ МИНУС. ДЛЯ ОБОЗНАЧЕНИЯ ДЛИННОГО ТИРЕ ПРИМЕНЯЮТ ПАРУ « —» (БЕЗ КАВЫЧЕК), ГДЕ ПЕРВЫЙ СИМВОЛ ОБОЗНАЧАЕТ НЕРАЗРЫВНЫЙ ПРОБЕЛ, ВТОРОЙ — ТИРЕ

ПО СТАНДАРТАМ, У КАЖДОГО ТЕГА IMG НУЖНО ОБЯЗАТЕЛЬНО ПРОПИСЫВАТЬ ПАРАМЕТР ALT — АЛЬТЕРНАТИВНЫЙ ТЕКСТ

ДЛЯ БРАУЗЕРА FIREFOX СУЩЕСТВУЕТ ПЛАГИН WEB-DEVELOPPER — АВТОМАТИЗАЦИЯ ВАЛИДАЦИИ СТРАНИЦЫ

Назад на стр. 067-034-5  Содержание