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

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

Язык разметки веб-страниц весьма прост в изучении: он имеет понятный и логичный синтаксис, запомнить его правила несложно, а при наличии хотя бы фрагментарных знаний английского языка и вовсе не составляет труда. К тому же всегда можно держать под рукой справочник HTML-тэгов. Главная задача — понять общие принципы языка и верстки веб-страниц.

Вот семь примеров распространенных повседневных задач, для которых достаточно базовых навыков HTML и которые разумнее быстро выполнять самому, не прибегая к помощи профессионалов.

1. Когда вдруг нарушается внешний вид поста, веб-страницы или HTML-письма

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

2. Когда вы копируете текст поста из Microsoft Word или Google Docs в систему управления контентом блога

При написании поста в текстовом редакторе и последующем копировании текста в CMS сайта генерируется HTML-код, перегруженный лишними элементами. В коде часто образуется путаница, лишние тэги нарушают верстку веб-страницы, усложняют редактирование кода в будущем и порой замедляют загрузку веб-страницы.

Вы можете воспользоваться специальными инструментами для автоматического удаления ненужных HTML-тэгов (например, «Реформатором» Студии Артемия Лебедева). Но даже после этой процедуры иногда необходимы дополнительные мелкие правки кода.

3. Когда нужно быстро изменить шаблон письма

Обычно письма в рассылках оформляются на основе одного и того же шаблона, но при проведении отдельных email-кампаний нужен особый дизайн писем. Иногда необходимо внести в привычный шаблон ряд незначительных изменений. И в этом случае вы можете быстро доработать шаблон самостоятельно и продолжить выполнение других задач — вместо того, чтобы тратить время на привлечение специалистов и ожидание от них результата.

4. Когда нужно сделать текст на сайте удобным для чтения

Одна из главных забот при создании контента — максимально облегчить читателям его восприятие: использовать приемы выделения фрагментов текста (жирным шрифтом, курсивом или цветом), разбивать текст на логические части с помощью подзаголовков и т.д. Большинство визуальных редакторов в CMS позволяют настроить форматирование текста, но порой результат не оправдывает ожидания. Кроме того, некоторые редакторы имеют ограниченную функциональность, и с их помощью не всегда можно реализовать задуманное. И вот тогда вам пригодится знание HTML.

5. Когда нужно сделать удобную навигацию по тексту большого объема

Вы должны облегчить посетителям сайта поиск нужной информации на веб-страницах с большим объемом контента — например, в справочниках. Используйте HTML для создания якорей — ссылок из одного места страницы в другое. Посмотрите, как такие ссылки используются в нашем «Словаре интернет-маркетолога», который мы недавно открыли.

6. Когда вы встраиваете в посты контент с других сайтов

Хороший способ обогатить текст поста — встроить удачно дополняющий его контент с других сайтов: видео с YouTube, твиты, публикации из Facebook, презентации Slideshare и т. д.

Если вы знаете HTML, вы не только можете без труда вставить фрагмент кода в нужное место веб-страницы, но и подкорректировать его при необходимости — например, изменить размер отдельных элементов для соответствия дизайну вашего сайта.

7. Когда вы публикуете в своем блоге гостевые посты

Чаще всего, гостевые авторы присылают свои материалы в виде документов Microsoft Word или Google Docs. Да, это удобно для быстрого просмотра текста, но текстовые редакторы генерируют множество лишних HTML-тэгов, которые желательно удалить — я уже говорил об этом выше (см. пункт 2).

***

Включите изучение HTML в список ваших целей на 2014 год: оно не отнимет у вас много времени, но даст вам чувство уверенности, поможет публиковать более качественный, красиво оформленный контент и не раз спасет вас от срыва сроков в работе.

Источник: HubSpot | Изображение: 7loops