Визуальный редактор проще в использовании, он интуитивно понятен и удобен,
однако многие пользователи предпочитают работать с <b>HTML</b>- кодом по целому
ряду причин.
При копировании материалов со сторонних сайтов или из документов Word,
содержащих большое количество нестандартных стилей, «<i>идеологически</i>»
правильнее и гораздо надежнее вставить текст в режиме HTML-редактора (при этом
он полностью очищается от форматирования) и разметить «чистый» текст в
соответствии со стандартами, принятыми на вашем сайте.
Зачастую при копировании материалов других сайтов и их вставке в режиме
визуального редактора в ваши записи может быть занесен и чужой программный код,
не отображаемый при выводе материала на экран, но тем не менее исполняющий свою
функцию (например, вывод скрытой гиперссылки). Помимо того что чужой код может
некорректно работать на вашем сайте, он также будет увеличивать нагрузку на
сервер. Копирование материалов в режиме HTML-редактора исключает эту
возможность.
Довольно часто в запись необходимо добавить именно HTML-код (например, код для
воспроизведения видеоролика с YouTube), и тут вам в любом случае не обойтись
визуальным редактором.
HTML-редактор незаменим, когда нужно реализовать нестандартную возможность, не
поддерживаемую инструментами визуального редактора. Например, как вы могли
убедиться, его средствами невозможно добавить в запись таблицу.
Теги в режиме HTML-редактора можно вводить вручную, если, конечно, вы с ними
знакомы. Синтаксис типового тега простейший: начальная часть (открывающий тег) —
форматируемый текст — последняя часть (закрывающий тег):
<тег>текст</тег>
Например, текст WordPress, оформленный стилем «курсив», будет записан в режиме
HTML-редактора следующим образом:
<i>WordPress</i> либо <em>WordPress</em>
Теги <i> и <ет> идентичны, оба обозначают курсив, и оба будут работать. Такое
дублирование встречается для некоторых тегов.
Базовых тегов, которых хватает для большинства типичных задач форматирования,
немного, и их легко запомнить. В Интернете вы без труда найдете справочную
информацию по HTML-тегам, например, можно воспользоваться вот этим удобным
сайтом: http://htmlka.com/text, либо следующим онлайн-справочником:
http://www.htmlbook.ru.
Главное правило при вводе HTML-тегов вручную — не забывать закрывать их, иначе
действие тега вместо одного слова или фразы распространится на весь документ.
Эта ошибка настолько распространена, что разработчики WordPress даже вывели на
панель инструментов специальную кнопку «Закрыть теги».
Помимо ручного ввода тегов, для форматирования текста можно использовать
специальные кнопки панели инструментов, которые автоматически добавляют тот или
иной тег для выделенного фрагмента.
Кнопка img вставляет в запись тег <img src> для отображения графического файла.
После нажатия кнопки в открывшемся диалоговом окне нужно ввести URL-путь к
картинке. При этом не имеет значения, расположен графический файл на вашем
сервере или вы вставляете ссылку на картинку, размещенную на другом сайте.
Кнопка code вставляет тег для отображения фрагмента программного кода, который
бывает необходимо разместить в материале «как есть», без преобразования.
Например, если вы разместите в материале код <em>WordPress</em>, то он будет
преобразован в слово, написанное курсивом: WordPress. А если этот код заключить
в тег: <code><em>WordPress</em></code>, то код будет выведен без преобразования
в курсив.
Кнопка more вставляет тег <!--more--> («Далее»), разделяющий материал на
вступительную и основную часть. Особенностью этого тега является то, что его не
нужно закрывать.
Кнопка поиск не добавляет никаких тегов, а вызывает справочную функцию,
осуществляющую поиск заданного термина на сайте http://www.answers.com. В
общем-то, это довольно бесполезная функция, не совсем понятно для чего
внедренная в интерфейс <b>HTML</b>-редактора.
И последняя кнопка закрыть теги добавляет закрывающую часть для тегов, которые
вы забыли закрыть при их вводе вручную.
Опубликовал Kest
August 27 2012 14:57:05 ·
0 Комментариев ·
4692 Прочтений ·
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
Комментарии
Нет комментариев.
Добавить комментарий
Рейтинги
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
Гость
Вы не зарегистрированны? Нажмите здесь для регистрации.
Главная
Каталог файлов
