Форматирование текста
Запомните несколько основных правил форматирования текста:
- вы создаете сайт прежде всего для людей;
- текст является основной составляющей большинства страниц;
- по ключевым фразам в тексте пользователи могут найти ваш сайт;
- размер шрифта обычно устанавливается в пикселях.
Теги, выделяющие текст полужирным шрифтом:
Закрывающий тег обязателен. Параметры отсутствуют.
Особенности использования тега <STRONG>
- для оформления текста жирным начертанием используйте списки стилей CSS или тег <b>;
- не злоупотребляйте этим тегом и используйте его только для выделения той части текста или фразы, которая должна привлечь внимание пользователя;
- слишком частое использование тега <strong> или включение в тег слишком большого обьема текста на странице могут дать обратный результат. Поисковики при виде такого злоупотребления, просто не смогут определить, где та часть текста, которая наиболее важна и как результат текст не будет восприниматься поисковиками.
- бесполезно использовать тег <strong> в заголовках, например: <h1><strong> Заголовок документа </strong></h1>. Заголовок сам по себе несет основную смысловую нагрузку для поисковой системы и подобное "усиление" к реальному увеличению релевантности страницы не приводит;
- использование тега <strong> в ссылках, в отличии от обычных, большего веса им не придает. Но если у вас ссылка будет в выделенном тегом абзаце то это действительно является ранжирующим фактором.
Пример использования тега <STRONG>
<html>
<head><title>Использование тега strong</title></head>
<body>
<p> Без труда не выловишь <strong>рыбку</strong> из пруда</p>
</body>
</html>
Закрывающий тег обязателен. Параметры отсутствуют.
Несмотря на сходный результат эти теги не совсем эквивалентны и заменяемы. Тег <b> относится к тегам физической разметки и устанавливает жирное начертание текста. Его надо применять для выделения неключевой фразы или текста, а тег <strong> является тегом логической разметки и определяет важность помеченного текста. В популярных браузерах результат использования этих тегов равнозначен. Поисковые системы "любят" слова, выделенные жирным начертанием, и повышают их рейтинг.
Пример использования тега <B>
<html>
<head><title>Использование тега b</title></head>
<body>
<p>Дело<b> мастера </b>боится</p>
</body>
</html>
Теги, выделяющие текст курсивом
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <I> является тегом физического форматирования текста и предназначен в первую очередь для людей.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <em> является тегом логического форматирования текста и предназначен для машин.
Тег <cite> - используется для логического выделения названий книг, статей и цитат. Браузеры как правило воспринимают текст расположенный между этими тегами как цитату, текст оформляется курсивом.
Закрывающий тег обязателен. Параметры отсутствуют.
Закрывающий тег обязателен. Параметры отсутствуют.
Теги, выделяющие текст подчеркиванием
Тег <ins> - подчеркивает текст. Его использовать предпочтительнее, чем первый тег <u>.
Закрывающий тег обязателен. Параметры отсутствуют.
Теги, перечеркивающие текст
Тег <del> - используется для выделения текста, который был удален в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <s> - отображает текст как перечеркнутый. Этот тег аналогичен тегу <STRIKE>, но в отличие от него имеет сокращенную форму записи подобно тегам <B>, <I> и <U>. В любом случае, теги <S> и <STRIKE> осуждаются спецификацией HTML, взамен них рекомендуется использовать стили.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <strike> - отображает текст как перечеркнутый. Этот тег аналогичен тегу <s>, который имеет сокращенную форму записи подобно тегам <b>, <i> и <u>. В любом случае, теги <strike> и <s> осуждаются спецификацией HTML, взамен них рекомендуется использовать стили.
Закрывающий тег обязателен. Параметры отсутствуют.
Теги, выводящие текст моноширинным шрифтом
Тег <kbd> - используется для обозначения текста, который набирается на клавиатуре или для названия клавиш.Закрывающий тег обязателен. Параметры отсутствуют.
Тег <samp> - используется для отображения текста, который является результатом вывода компьютерной программы или скрипта.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <tt> - этот тег относится к группе тегов физического форматирования.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <code> - предназначен для отображения одной или нескольких строк текста, который представляет собой программный код. Сюда относятся имена переменных, ключевые слова, тексты функций и т.д. Браузеры обычно отображают содержимое контейнера <code> как моноширинный текст уменьшенного размера.
Закрывающий тег обязателен. Параметры отсутствуют.
Теги, выводящие текст в верхнем и нижнем индексах
Тег <sub> - отображает шрифт в виде нижнего индекса. Текст при этом распологается ниже базовой линии остальных символов строки и уменьшенного размера.Закрывающий тег обязателен. Параметры отсутствуют.
Тег <sup> - отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
Закрывающий тег обязателен. Параметры отсутствуют.
Дополнительные теги форматирующие текст
Тег <bdo> - устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево.
Тег <blockquote> - предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, отображается как выравненный блок с отступами слева и справа (примерно по 40 пикселей), а также с отбивкой сверху и снизу.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <big> - увеличивает pазмер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом добавление тега <big> увеличивает текст на одну условную единицу. Допускается применение вложенных тегов <big>, при этом размер шрифта будет больше с каждым уровнем.
Тег <small> - уменьшает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <small> уменьшает текст на одну условную единицу. Допускается применение вложенных тегов <small>, при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1.
На размер шрифта влияет не только заданный параметр size тега <font>, но и выбор гарнитуры шрифта. Шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров. Для более точного управления размером текста используйте стили.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <plaintext> - отображает содержимое контейнера «как есть». Пока тег <plaintext> не закрыт, все теги внутри него отображаются как обычный текст. Несмотря на то, что все браузеры поддерживают этот тег, он не входит в спецификацию HTML и его использование осуждается.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <pre> - определяет блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Тег <PRE> позволяет обойти эту особенность и отображать текст как требуется разработчику. В отличие от тега <PLAINTEXT>, использование которого осуждается в HTML 4, внутри контейнера <PRE> допустимо применять любые теги.
Следующие теги не должны размещаться внутри контейнера <PRE>: <APPLET>, <BASEFONT>, BIG>, <FONT>, <IMG>, <OBJECT>, <SMALL>, <SUB> и <SUP>.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <q> - используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <var> - используется для выделения переменных компьютерных программ. Браузеры обычно помечают текст в контейнере <VAR> курсивным начертанием.
Закрывающий тег обязателен. Параметры отсутствуют.
Тег <wbr> - при использовании тега <NOBR>, который запрещает переносы текста, с помощью тега <WBR> можно указать браузеру место, где допускается делать перенос строки, если этого требует ширина родительского элемента.
Закрывающий тег не требуется. Параметры отсутствуют.
Тег <xmp> - отображает содержимое контейнера «как есть» и шрифтом фиксированной ширины. Пока тег <xmp> не закрыт, все теги внутри него отображаются как обычный текст.
Закрывающий тег обязателен. Параметры отсутствуют.
Нестандартные теги
Тег <blink> - устанавливает мигание текста. Этот тег не входит в спецификацию HTML. Использование его нежелательно,так как раздражает пользователей.Закрывающий тег обязателен. Параметры отсутствуют.
Тег <marguee> - создает бегущую строку на странице. Данный тег позволяет перемещать (скролировать) любые элементы веб-страницы - изрбражения, текст, таблицы, элементы форм и т.д. Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение.
Закрывающий тег обязателен
.
Параметры
behavior - задает тип движения содержимого контейнера <MARQUEE>.
bgcolor - цвет фона.
direction - указывает направление движения содержимого контейнера <MARQUEE>.
height - высота области прокрутки.
hspace - горизонтальные поля вокруг контента.
loop - задает, сколько раз будет прокручиваться содержимое.
scrollamount - скорость движения контента.
scrolldelay - величина задержки в миллисекундах между движениями.
truespeed - отменяет встроенный ограничитель скорости при низких значениях параметра scrolldelay.
vspace - вертикальные поля вокруг содержимого.
width - ширина области прокрутки.
Тег <nobr> - уведомляет браузер отображать текст без переносов.Если этого тега в коде документа нет, а также имеются переводы строки, они игнорируются и текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование тега <NOBR> заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью, чего обычно делать никто не любит.
Комментариев нет:
Отправить комментарий