< FONT SIZE =… COLOR =... FACE =...> текст
SIZE - устанавливает размер шрифта , который будет использоваться текстом, содержащимся в пределах элемента FONT. Можно задать абсолютный размер шрифта, указав целое число от 1 до 7. Для шрифта можно также указывать относительный размер , присваивая атрибуту целое число со знаком (например, это может быть SIZE="+1" или SIZE="-2").
COLOR - указывает цвет , которым будет выделен данный фрагмент текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается символьное значение одного из стандартных цветов.
FACE - задает гарнитуру шрифта , например FACE=ARIAL.
текст - телетайпный текст (моноширинный).
текст - стиль с наклонным шрифтом (курсив ).
текст - стиль с жирным шрифтом.
текст - стиль с подчеркиванием текста.
текст - печать текста шрифтом увеличенного размера (большего, чем окружающий текст).
текст - печать текста шрифтом уменьшенного размера (меньшего, чем окружающий текст).
текст - печать текста со сдвигом вниз (нижний индекс или подстрочный).
текст - печать текста со сдвигом вверх (верхний индекс или надстрочный).
текст или < S > … - стиль с перечеркиванием текста.
Специальные теги htmlТег < ADDRESS > используется для выделения автора документа и его адреса (например, e-mail).
Некоторые символы являются управляющими символами в HTML и добавляются в текст только при помощи ESC-последовательностей:
левая угловая скобка "" - >
амперсанд "&" - &
двойные кавычки """ - "
Существует большое количество ESC-последовательностей для обозначения специальных символов, например " " для обозначения знака и "®" для значка . Одной из особенностей является замена символов во 2-ой части символьной таблицы (после 127-ого символа) на escape-последовательности для передачи текстовых файлов с национальными языками по 7-битным каналам.
ESC-последовательностичувствительны к регистру : НЕЛЬЗЯ использовать < вместо
тег DD – задается описательная часть для элемента списка определений
тег DFN – текст, заключенный в теги форматируется как определение
тег DL – создание списка определений, содержащих теги < dt > и < dd >
тег DT – задается описательно-условная часть для элемента списка определений
тег EMBED – начальный и конечный теги, которые позволяют описать встраиваемый в документ объект. В зависимости от вида встраиваемого объекта могут, помимо указанных ниже, включаться дополнительные параметры
Атрибут
Функция
Указывается URLвстраиваемого объекта. Этот атрибут является необходимым
height=n
Указывается высота зоны, которую займет встроенный объект
name=имя
Указывается имя встраиваемого объекта
Указывается ширина зоны, которую займет встроенный объект
тег FONT – установка размера, цвета или гарнитуры заключенног в теги текста
Атрибут
Функция
Установка цвета заключенного в теги текста
face=список
Установка гарнитуры заключенного в теги текста (устанавливается первый из указанных в разделенном запятыми списке имен шрифтов)
size=значение
Установка размера базового шрифта. Диапазон – от 1 до 7
тег Hn – заключенный в теги текст представляет собой заголовок уровня n . Возможные значения n – от 1 до 6
Атрибут
Функция
align=тип
Указывается способ выравнивания заголовка: по левому краю (left, по умолчанию), по центру (center) или по правому краю (right)
тег HR – разрыв текущего текстового потока. В месте разрыва будет вставлена горизонтальная линейка
Атрибут
Функция
align=тип
Указывается способ выравнивания линейки: по левому краю (left), по центру (center, по умолчанию) или по правому краю (right)
Запрещается использование объемного затенения при отображении линейки
Установка толщины линейки равной целому числу пиксел
width=значение
тег I – заключенный в теги текст будет отображаться в курсивном начертании
тег IMG – в текущий текстовой поток вставляется изображение
Атрибут
Функция
alt=текст
Задается альтернативный текст для браузеров, не поддерживающих работу с изображениями
Border=n
Установка толщины (в пикселах) обрамления изображений, содержащихся в гиперссылках
Добавление функций управления воспроизведением встроенных виедоклипов (IE 2 и выше)
Dynsrc = url
Задается URL -адрес видеоклипа, подлежащего изображению ( IE 2 и выше)
Height=n
Задается высота изображения в пикселах
Hspace=n
Задается размещение слева и справа от изображения областей свободного пространства шириной по n пиксель
Указывается, что при использовании данного тега внутри тега изображение выбирается с помощью мыши
loop=значение
Установка числа повторов воспроизведения видео. Значение может быть целым или значениемinfinite (IE 2 и выше)
Lowsrc=url
Указывается изображением с низким разрешением, которое браузер должен загрузить первым. За ним следует изображением, заданное атрибутом (IE 2 и выше)
Указывается исходный URLизображения, подлежащего воспроизведению. Этот атрибут является необходимым
start=начало
Указывается, когда следует воспроизвести видеоклип (варианты: fileopenилиmouseover)
Usemap=url
Указывается чувствительная к перемещению мыши область изображения
Vspace=n
Задается размещение над и под изображением областей свободного пространства по nпиксель
Указывается ширина изображения в пикселах
тег KBD – заключенный в теги текст вводится посимвольно (как при наборе с клавиатуры)
тег LINK – в заголовке (< head>) документа определяется ссылка из данного документа на другой документ
Атрибут
Функция
href=url
methods=список
Задается список методов отображения для данной ссылки, зависящих от браузера (через запятую)
rel=связь
Определяется связь этого документа с целевым документом. Для InternetExplorer3.0rel=styleозначает существование внешней таблицы стилей
rev=связь
Определяется обратная связь целевого документа с данным
Указывается URLвнешней таблицы стилей, которая будет использоваться для форматирования документа (IE 2 и выше)
title=строка
Задается заголовок целевого документа
type=text/css
Для целевого документа указывается универсальное имя ресурса, не зависящее от его места нахождения
тег MAP – определяется чувствительная к перемещению мыши область изображения
Атрибут
Функция
name=строка
Задается имя данной области. Этот атрибут является необходимым
тег NOBR – в заключенном в теги тексте разрывы не допускаются
тег P – начальный и конечный теги абзаца
align=тип
Задается способ выравнивания текста в абзаце: по левому краю (left), центру (center) или по правому краю (right)
тег PLAINTEXT – указывается, что остальную часть документа следует отображать без обработки, как предварительно отформатированный текст
тег PRE – заключенный в теги текст будет отображаться так. как он был отформатирован предварительно, без обработки, с точным соблюдением переносов строк и интервалов
Браузер будет размещать текст так, чтобы в строке умещалось (если возможно) nсимволов
тег S
тег SAMP – заключенный в теги текст представляет собой шаблон
тег SMALL – заключенный в теги текст будет отображаться шрифтом меньшего размера
тег SPACER – вставить в документ разделитель (Только N 3)
type=тип
Указывается тип разделителя: vertical– между двумя строками текста помещается область пустого пространства указанного размера;horizontal– область пустого пространства указанного размера помещается между словами или символами;block– вставка прямоугольной области
Указывается (в пикселах) ширина разделителя типа horizontalили высота разделителя типаvertical
Указывается ширина разделителя типа block
height=n
Указывается высота разделителя типа block
align=значение
Указывается способ выравнивания разделителя blockотносительно окружающего текста.
тег SPAN – заключенный в теги текст будет форматироваться с использованием таблицы стилей (Только IE 3 и выше)
Атрибут
Функция
style=элементы
Для текста в заданном интервале задаются элементы таблицы стилей
тег STRIKE – заключенный в теги текст будет отображаться перечеркнутым горизонтальной линией
тег SUB – заключенный в теги текст будет отображаться как нижний индекс
тег SUP – заключенный в теги текст будет отображаться как верхний индекс
тег TT – заключенный в теги текст будет отображаться моноширинным шрифтом
тег VAR – заключенный в теги текст представляет собой имя переменной
Зачастую начинающих веб-мастеров мучает вопрос, почему одни сайты ранжируются выше и обходят конкурентов в поисковой выдаче. Причиной этого могут быть неправильно расставленные теги h1 , h2 …h6 . Если эти теги расставлены неверно, без учета специфики ресурса, то поисковикам сложнее получить точную информацию о статьях и содержащихся в ней ключевых словах.
Теги h1 —h6 позволяют выделить заголовки различных уровней. Они дают понять, какие части текста более точно отражают тему статьи и обеспечивают преимущества в ранжировании.
Грамотная расстановка тегов позволяет поисковым системам более точно отображать станицу по запросам в выдаче, что благоприятно сказывается на позиции ресурса:
Зачем нужны теги h1-h6?В теги заключается название сайта, заголовки и подзаголовки текста:
В HTML теги заголовков обозначаются h от английского «header », что в переводе означает «заголовок, шапка ». Вот пример того, как это выглядит:
Заголовок
Расстановка тегов заголовков должна производиться на каждой странице ресурса. При этом важность заголовка будет зависть от его цифры, чем она меньше, тем заголовок важнее:
- наиболее важные теги - менее значимые теги... - последние по важности теги
Однако относиться к их расстановке следует с осторожностью. Неправильное использование может привести к тому, что ваш ресурс попадет под санкции поисковых систем.
Синтаксис тегов h1-h6Название текста Подзаголовок 1 ... Подзаголовок 2 Подзаголовок 3.1 ... Подзаголовок 3_2 Подзаголовок 3
Наибольшей популярностью пользуются теги h1 h2 h3 . Как правильно использовать тег h1?
Игнорируя тег h1 , веб-мастера, лишают себя такого важного преимущества, как оптимизация контента. На движках он часто прописывается автоматически, однако не всегда, и данный факт следует учитывать.
HTML тег h1 – самый значимый в своем роде. В него заключают название сайта и заголовок статьи. Однако не стоит его путать с тегом (заголовком страницы ). Title отражается в браузере вверху экрана с левой стороны в тот момент, когда открыта страница ресурса. Title прописывается в шапке страницы между , в то время, когда h1 —h6 указываются в самом «теле » страницы и заключаются в теги .
На странице может присутствовать только один h1 тег. Если указать несколько заголовков с тегом h1 , поисковики могут расценить это как переспам, что в свою очередь грозит баном:
Правила составления главного заголовка h1 :
- В теге должны использоваться ключевые слова, применяемые для продвижения страницы;
- Не стоит делать заголовок h1 слишком объемным, вполне достаточно нескольких слов;
- Текст заголовка должен быть читабельным;
- Мета тег h1 не должен содержать ничего кроме самого текста. Если желаете его выделить, поставьте коды за пределами тега;
- Перед тем, как вручную прописывать h1 , убедитесь, что движок не задает его автоматически;
- Содержание h1 должно соответствовать тематике, указанной в title страницы;
- При составлении h1 обязательно используйте ключевую фразу, по которой продвигается страница;
- Содержание заголовка должно быть уникальным, емким и тематичным. Не стоит делать h1 полной копией тега Title . Важно, чтобы на каждой странице ресурса были прописаны уникальные h1 —h6 , поэтому избегайте повторений;
- Нельзя перечислять в заголовке ключевые фразы через запятую. Содержание h1 должно быть понятно не только поисковикам, но и посетителям ресурса.
Кроме h1 для расстановки заголовков, которые идентифицируются поисковыми системами, используются теги h2 , h3 , h4 , h5 , h6 и т.д.
Тег h2Как правило, используется для заголовков постов в ленте, размещенной на главной странице или для подзаголовков в статье.
Теги h3, h4Зачастую с их помощью выделяют названия подзаголовков, рубрик и виджетов в sidebar .
Теги h5, h6Предназначены для еще более мелких элементов страниц, которые следует отделить от остального текста.
Расстановка заголовков h1 — h6 в разных версиях движков может быть реализована по-разному.
Правила расстановки h2 —h6 :
- Структура заголовков. Должна быть соблюдена иерархия заголовков;
- Размер шрифта. Чем ниже уровень заголовка, тем мельче шрифт. Редактирование шрифтов производится в стилях. Но, как правило, шрифты имеют правильные размеры по умолчанию;
- Не допускается применение тегов заголовков вместе с другими тегами акцентирования. В заголовках рекомендуется использовать ключевые слова, по которым данная станица будет продвигаться в поиске;
- В отличие от h1 , теги h2 —h6 могут быть прописаны на странице несколько раз.
Я главный в иерархии заголовков Мои дети Мои внуки Мои внуки Мои внуки Мои дети Мои внуки Мои внуки Мои внуки Мои правнуки Мои правнуки Мои правнуки
- Не должно быть никакого спама;
- Составление текста h1 — h6 должно производиться с использованием синонимов и учетом правил морфологии;
- Основные ключевые запросы лучше разместить ближе к началу заголовка;
- Ключевые фразы, прописанные в заголовках, должны встречаться в тексте страницы;
- Теги h1 — h6 должны быть краткими, емкими и информативными:
HTML - язык гипертекстовой разметки. В его основе лежат так называемые теги. Теги - это некие элементы обвертки, задающие формат и свойства элементов веб-страницы. На одной странице мы собрали для вас актуальный справочник тегов HTML.
Всего насчитывается более ста элементов разметки. Каждый имеет ряд атрибутов и собственный синтаксис. Справочник по тегам HTML поможет быстрой найти нужный вам элемент.
Список тегов HTMLНиже в таблице представлен список тегов HTML5 с кратким описанием на русском языке.