Что такое теги


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

Дескрипторы как средство категоризации

Дескриптором чаще всего называют метку записи в блоге, статье или любом другом элементе, предназначенную для группировки элементов, обозначенных одинаковым дескриптором Пример – хэштег с символом решетки (#) в Твиттере. Пользуются популярностью теги вконтакте, поддерживающие как кириллицу, так и латиницу и позволяющие быстро находить информацию по необходимой теме.

Большой популярностью пользуются теги инстаграм, с помощью которых подчеркивается значимость фотографий. #love, #summer, #me, #instacollage и некоторые другие — наиболее популярные теги в этой социальной сети. Используя теги инстаграм можно не только популяризировать собственные работы, но и быстро находить снимки на конкретную тему.

Облако тегов: удобная навигация по веб-сайтам

tags2Для визуального представления дескрипторов может использоваться облако тегов. Чаще всего эта технология используется для упрощения навигации по веб-сайтам: каждое ключевое слово снабжается гиперссылкой на объясняющие их понятия или статьи. Впрочем, облако тегов – не единственный элемент навигации, для более конкретного поиска лучше использовать стандартный текстовый поиск.

Первоначально облако тегов использовалось на географических картах: реальный размер городов показывался при помощи разного размера шрифтов. Сегодня же существует три метода использования этой технологии:

  • Облако тегов, в котором содержится дескриптор, отображающий частотность каждого элемента;
  • Глобальное облако тегов с разделением частот по всем пользователям и элементам;
  • Облако тегов, в котором содержаться категории, размер которых отражает количество подкатегорий.

Облако тегов – не единственное средство визуального представления данных. Сегодня создаются облака текстов, словосочетаний и данных, существенно облегчающих восприятие информации пользователями.

Дескрипторы и языки разметки документов

Используются дескрипторы и в языках семейства XML, а также WML, Amiga Guide и HTML для создания визуального оформления содержимого вебсайтов.

Все дескрипторы имеют единый формат: начинаются со знака «<» и завершаются символом «>». Чаще всего применяются так называемые парные дескрипторы: начальный (открывающий) и закрывающий (конечный), характеризирующийся наличием в нем символа «/». Однако иногда встречаются одинарные дескрипторы, в которых отсутствует закрывающее тело.

tags3Наиболее популярные теги — div, span, h1, title и некоторые другие.

Описывая основные дескрипторы, в первую очередь следует назвать title. Как правило, title включает в себя название страницы, отображаемое в браузере в верхнем поле. Основное требование к title – уникальное содержание для каждой страницы. Кроме того, текст, содержащийся в title, должен быть осмыслен и не содержать стоп-слов. Лучшее решение – включение в title некоторых ключевых слов.

Span используется при работе со строчными элементами. С помощью span можно выделять блоки информации, помещенные в другие теги, устанавливая для нее особый стиль. Использование span позволяет также изменять размер заглавной буквы.

H1 – один из основных дескрипторов, необходимый для создания заголовков. Задача заголовочного тега h1 — помощь поисковой оптимизации. Кстати, помимо h1, в HTML имеется еще пять заголовков разного уровня. Они предназначены для оформления подзаголовков. Расположенный в h1 текст наиболее весомый и отображается в окне браузера наибольшим шрифтом. В отличие от других заголовочных дескрипторов, использование которых на странице не ограничено, h1 может прописываться только единожды. Еще одно важное правило: внутри h1 не должно содержаться других атрибутов.

Div – идеальное средство для работы с блочными элементами. Бытует ошибочное мнение, что div не имеет смысловой нагрузки. Название дескриптора —  div — может быть переведено как «разделение». Соответственно, используя div можно выделять в документах смысловые области.

tags4Div также прекрасно подходит для создания блочной верстки, позволяющей в несколько раз ускорить загрузку страницы. Любой современный браузер поддерживать верстку с помощью div,  во многих случаях сегодня можно отказаться от верстки, основой для которой выступает ставшая привычной таблица.

Использование шрифтов и выделения цветом в тексте осуществляется при помощи дескриптора span. Особенность этого дескриптора – «неблочность» —  span не нужно переносить на новую строку. Недостатком span является невозможность сочетания его с CSS.

Дескрипторы настолько универсальны, что с их помощью может быть создана даже таблица. Кроме того, таблица  — эффективное средство верстки. В случае, если таблица используется для верстки, применяется дескриптор <td>.

Часто используются и другие популярные теги. Так, тег br предназначен для перевода строки и форматирования отступов по вертикали, тег img применяется для показа на странице графических изображений, а тег li необходим для формирования пунктов списка. Описывая теги html5 стоит обратить внимание на тег p. Используя  тег p, являющийся блочным элементом, определяющим текстовый абзац.

Выше были охарактеризованы так называемые основные дескрипторы. На самом же деле их количество в несколько раз большее, что позволяет разработчикам создавать удобные функциональные страницы.

Мета теги: предназначение

В HTML также существуют мета теги, располагающиеся в заголовках  страниц. Это необязательные атрибуты, содержащие описание текста, ключевые слова, данные об авторе и т.п. Наиболее популярны мета теги keywords и description.

tags5Для создания короткого описания страницы используется мета тег description. Он не изменяет внешнего вида страницы, в то же время мета тег description влияет на индексацию поисковыми системами. Соответственно, текст в нем должен быть содержательным. Разработчики отмечают, что информация, которую содержит мета тег description, должна отличаться от информации в теге title (в последнем случае должно быть вписано только название страницы). Мета тег keywords предназначен для записи релевантных ключевых слов.

Использование дескрипторов в Youtube

Пользователи ютуба хорошо знакомы с понятием «тег», поскольку с помощью дескрипторов в этом хостинге осуществляется индексация видео для поисковиков. Дескриптором в youtube могут выступать не только отдельные ключевые слова, но и полное название фильма, заключенное в кавычки. К каждому видео может быть прописано до 25 дескрипторов, обеспечивающих максимальную внутреннюю оптимизацию видеосюжета. Кстати, чтобы найти необходимый       ролик в youtube необходимо сначала прописывать основные дескрипторы, а потом второстепенные.

Дескрипторы в youtube могут применяться и для продвижения собственных роликов. Другими словами, грамотно применяя теги можно зарабатывать на youtube. Еще одно предназначение дескрипторов в youtube – изменение формата роликов и настроек их отображения.

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

Видео про то что такое теги