Что такое дескриптор тэг языка html

Структура документа в HTML

Как нам уже известно, HTML — это язык тегов. А тег (дескриптор) представляет собой специальный код, вставляемый в текст и используемый при форматировании элементов HTML-документа. Тег является основным элементом кодирования, принятым в HTML-стандарте. Тег заключается в угловые скобки (например, — тег абзаца, — тег горизонтальной линии).

Различают 2 типа тегов: контейнеры и одиночные.

Контейнеры представляют собой дескрипторную пару, включающую в себя начальный (открывающий) и конечный (закрывающий) теги. Начальный тег имеет вид , где TAG — это имя реального HTML-тега. Конечный тег имеет вид . Суть использования контейнеров заключается в хранении определенной информации (текста или других HTML-тегов). В связи с этим содержимое контейнера заключается между начальным и конечным тегами.

Пустой тег отличается от контейнера тем, что не содержит информации. Он содержит только начальный тег. Такой дескриптор обычно используется для выполнения самостоятельной задачи, не связанной с конкретным текстом (тег создаёт горизонтальную линию).

Элемент документа состоит из начального и конечного тегов контейнера вместе с заключённым между ними содержимым. В качестве элемента могут использоваться изображения, фрагменты текста, формы, таблицы, списки, ссылки, текстовые поля, кнопки, заголовок документа или его основная часть.

Границы документа

Основным HTML-тегом является одноименный тег . Он всегда стоит в начале и открывает документ, а тег стоит в последней строке и закрывает документ.

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

Заголовок документа

Он является необязательным элементом, однако хорошо составленный заголовок будет всегда полезен. Заголовок документа предоставляет информацию для программ, интерпретирующих документ. Элементы, содержащиеся в разделе HEAD (кроме названия документа), не отражаются на экране. Они нужны для того, чтобы:

• определить название документа;
• установить отношения между несколькими документами;
• указать браузеру на создание формы для поиска;
• определить метод отправки специальных сообщений для определенного браузера или другой программы просмотра.

Раздел HEAD открывает тег , который стоит сразу после тега . Закрывающий тэг указывает на конец этого раздела. Между ними находятся остальные теги раздела заголовка документа.

Название документа

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

Название документа располагается между тегами и и является текстовой строкой. Оно не заключается в кавычки. Как правило, раздел TITLE занимает одну строку.

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

Тело документа

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

This is an example document

Enter body text here

Шаблон открывает тег , необходимый для каждого документа. Следом за ним идет тег , с которого начинается заголовок документа, который, в свою очередь, содержит элемент TITLE, вводящий название документа. Заголовок закрывает тег . Затем следует тег , после которого размещается текст (тело) документа. Тег указывает на конец тела, а тег — на конец всего документа.

Атрибуты элемента BODY

В элемент BODY может входить большое количество атрибутов. Все они важны, так как определяют общий вид документа. Эти атрибуты приведены ниже в таблице.

Рассмотрим эти атрибуты.

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

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

Цвет в HTML определяется шестнадцатеричным кодом. Цветовая система базируется на красном, синем и зеленом цветах.

Атрибут BGCOLOR определяет цвет фона документа. При наличии на странице фонового изображения данный атрибут обеспечивает цвет наиболее близкий к общему тону рисунка, чтобы пользователь смог легко прочитать текст на странице.

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

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

Атрибут VLINK показывает просмотренные ссылки. Как правило, они окрашиваются более темным оттенком того же цвета, что и не просмотренные ссылки.

Атрибутом ALINK определяется цвет активной ссылки. Этот атрибут обычно используется при просмотре многокадровых документов.

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

С помощью атрибутов LEFTMARGIN и TOPMARGIN устанавливаются расстояния между левым и верхним краями текста и соответствующими краями окна браузера. Местоположение других краев текста не регулируется для обеспечения возможности просмотра страниц любым браузером.

Атрибутом LEFTMARGIN устанавливается расстояние между левым краем окна браузера, измеряемым в пикселях. Пользователь использует этот атрибут, когда ему необходимо слева свободное от текста поле, которое отличается узором или цветом от остальной части фонового изображения.

Атрибутом TOPMARGIN устанавливается расстояние между верхним краем текста и верхним краем окна браузера. Атрибут используют при большом значении верхней части фонового изображения, которую нужно оставить открытой.

Включение комментариев

В HTML-документы включают комментарии, которые не будет видеть читатель. Они начинаются с тега . Все, что находится внутри этих тегов, при просмотре страницы остается невидимым.

Элемент Address

Данный элемент представляет собой один из важных элементов HTML, который идентифицирует автора документа и может указывать адрес автора при желании последнего. Так же в нем отражаются сведения об авторских правах. Этот элемент находится либо в начале, либо в самом конце документа.

Элемент ADDRESS состоит из текста, заключенного между тегами и , который отображается обычно в окне браузера курсивом.

Тег (языки разметки)

Тег, те́ги (иногда тэг [1] , англ.  tag , читается /tæg/ ) в SGML (в HTML, WML, AmigaGuide, языках семейства XML) — элемент языка разметки гипертекста. Более правильное название — дескриптор. [2] [3] [4] [5] Например, текст Википедии, заключенный между начальным тегом <small>и конечным тегом </small> (от англ.  small маленький ) предписывает отображать его меньше основного текста.Например:Это маленький текст.А это — большой.(<big>—</big>).

В XML тег является элементом документа, а текст, содержащийся между начальным и конечным тегом — содержанием элемента.

Содержание

Синтаксис тегов

Используют только два тега — открывающий, или начальный, и закрывающий, или конечный, или еще дополнительно в зависимости от реализации языка возможно применение одиночного тега и тега пустого элемента. Например, тег отступа абзаца может оформлять абзац между <p> </p>, а может в одиночной форме до следующего первого попавшегося <p>

Пример пустого элемента: <HR></HR> — разрыв текста без сохранения отступов, но вы можете использовать специальную форму записи тега, используя меньшее число символов: <HR/>

Набор и рекомендуемые интерпретации тегов определены организацией W3C.

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

Кроме того, существуют разные системы языков-подмножеств, которые используются, с меньшими возможностями, например на веб-форумах и досках объявлений используется язык разметки BBCode, теги которого ограничиваются символами квадратных скобок: [ ].

Например, [url=»http://ru.wikipedia.org»]Русская Википедия[/url] — ссылка на языке BBCode, указывающая на страницу русской Википедии. [6]

Атрибуты

У тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста. Они записываются в виде пары имя-значение, причем нечисловое значение заключается в кавычки.
Например, можно выделить фрагмент текста определенным шрифтом (тег <font>), указав в этом теге название шрифта и желаемый размер: <font face=»Times, Arial, Courier» size=4> оформляемый текст </font>

Тип элемента документа

Имя тега определяет тип элемента. В HTML имя тега определяет лишь правила разметки, так, имя тега «i» (например <i>Курсивный текст</i> ) определяет, что между тегами расположен текст, который следует отображать в браузере в курсивном начертании. XML представляет собой более гибкий стандарт. Имена тегов в нем не регламентируются жестко: пользователи могут вводить и использовать для своих нужд новые теги (см. XML).
Например, мы сами для себя можем определить, что элементом с именем тега «person» мы определяем тип этого XML элемента, как фамилия имя и отчество. И скажем, год рождения, как часть информации по данному человеку:

: <person>Иванов Иван Иванович <year>1984</year></person> Можно даже задать дополнительно в таблицах CSS, что все теги <person> будут определенного цвета. : <div name=»person»> Иванов Иван Иванович, 1984 </div> Тут уже нет возможности сформировать элемент документа для анализа текста, но оформить можно.

Таким образом, HTML представляет собой неструктурированный текст, а XML — документ с иерархической структурой, что дает возможность обработки документа: трансформацию данных, поиск нужных элементов документа и т. д.

Структура элемента

В SGML и основанных на нем языках (HTML версий 2—4.01, языки семейства XML и т.д.) элементы должны быть строго вложенными друг в друга, «перехлест» элементов недопустим [7] :

• неправильно: <a><b></a></b>
• правильно : <person><i>Имя Фамилия</i></person>

Распространенное заблуждение, что SGML и HTML разрешают «перехлест» элементов, основанно на нарушающем стандарты [8] поведении старых версий браузеров, пытавшихся «исправлять» ошибки разметки по собственным алгоритмам.

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

Что такое дескриптор тэг языка html

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

Чтобы опубликовать документ (здесь и далее под документом понимается файл, содержащий некоторую информацию) на Интернет, достаточно поместить его на сервер, постоянно подключенный к Интернет и способный общаться с другими серверами с помощью протокола передачи гипертекстов ( HyperText Transfer Protocol , или http:// ). Совокупность таких серверов получила название "всемирной паутины" ( World Wide Web, или WWW ).

Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в компьютерном мире, версии, или спецификации , HTML оказались пронумерованными. Известны спецификации 2.0, 3.0, 3.2 и 4.0. Текущую спецификацию HTML всегда можно найти на сервере W3C (http://www.w3.org/).

Для освоения HTML по этому Руководству Вам понадобятся две вещи:

1. Любой браузер , т.е., программа, пригодная для просмотра HTML-файлов, например Internet Explorer или Netscape Navigator .
2. Любой редактор текстовых файлов, поддерживающий русский язык в выбранной Вами кодировке. Если на Вашем компьютере установлен Windows , вполне подойдет Notepad .

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

Свои первые HTML-файлы Вы будете разрабатывать у себя на локальном диске. Другими словами, компьютер, на котором Вы будете заниматься, может и не иметь подключения к Интернет. При этом один и тот же *.html -файл может быть одновременно открыт и в Notepad , и в Netscape Navigator (или Internet Explorer ). Сохранив изменения в Notepad , просто нажмите кнопку Reload ("перезагрузить") в Netscape Navigator (или "Обновить" в Internet Explorer ), чтобы увидеть эти изменения реализованными в HTML-документе.

В настоящее время широко используются два типа редакторов HTML:

Редакторы типа "что видишь, то и получишь" ( Netscape Navigator Gold , Microsoft Front Page , Home Site , Macromedia Dreamweaver ). Пользователь не видит "внутренностей" документа, с которым он работает, точно так же, как при работе с текстовым процессором типа Microsoft Word или Word Perfect . Кстати говоря, существует довольно много конвертеров, способных преобразовывать документы, созданные в Microsoft Word или Word Perfect , в HTML -документы.

Редакторы собственно HTML-текстов ( HotDog , Ken Nesbitt Web Editor и многие другие). В процессе работы пользователь видит внутреннее содержание HTML-файла и может изменять его либо вручную, либо вызывая команды меню для вставки определенных элементов HTML. Работа с таким редактором очень похожа на работу с интерактивной средой программирования типа Microsoft Visual Basic или Borland Delphi .

Таким образом, Вам для изучения HTML понадобится только простейший текстовый редактор и браузер. Когда Вы освоите HTML в минимальной степени, Вы сами сможете подобрать себе редактор по вкусу.

HTML-документ — это просто текстовый файл с расширением *.htm или *.html (Unix-системы могут содержать файлы с расширением *.htmll ). Вот самый простой HTML-документ:

Если хотите, можно посмотреть этот пример прямо сейчас.

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

Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<" и ">". Такой фрагмент (например, <html> ) называется меткой или дескриптором (по-английски — tag, читается "тэг").

• определяющие структуру документа;
• оформление блоков гипертекста (параграфы, списки, таблицы, картинки);
• гипертекстовые ссылки и закладки;
• формы для организации диалога;
• вызов программ.

Большинство HTML-дескрипторов — парные, то есть на каждый открывающий десриптор вида <tag> есть закрывающий дескриптор вида </tag> с тем же именем, но с добавлением "/". Такая пара тэгов образуют контейнер .

Структура HTML-документа позволяет использовать вложенные друг в друга контейнеры по принципу "матрешки". Собственно, сам документ — это один большой контейнер который начинается с тага <HTML> и заканчивается тагом </HTML>:

Дескрипторы можно вводить как большими, так и маленькими буквами. Например, дескрипторы <body> , <BODY> и <Body> будут восприняты браузером одинаково.

Многие дескрипторы, помимо имени, могут содержать атрибуты — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущий дескриптор. В нашем простейшем документе, однако, нет ни одного атрибута. Но мы обязательно встретимся с атрибутами уже в следующем разделе.

Дескриптор <html> должна открывать HTML-документ. Аналогично, дескриптор </html> должен завершать HTML-документ. В принципе, спецификация HTML 4 допускает их необязательность, но на практике указанные дескрипторы используются для лучшей идентификации предназначения текстового файла.

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

Все, что находится между дескрипторами <title> и </title> , толкуется браузером как название документа, однако не следует путать название с именем файла HTML-документа. Netscape Navigator или Internet Explorer , например, показывают название текущего документа в заголовке окна и печатают его в левом верхнем углу каждой страницы при выводе на принтер.

Название Web-страницы должно отражать ее содержание. Если оно подобрано правильно, то будет напоминать посетителю о содержании страницы, когда он его сохранит в виде закладки для наиболее посещаемых страниц. Рекомендуется название не длиннее 64 символов, но для удобного просмотра в списке закладок желательно его делать еще короче.

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

Дескрипторы вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий. Реально в документе, как правило, используются 3 — 4 уровня заголовков. Стандарт языка насчитывает 11 атрибутов у тэга заголовка, основной из которых ALIGN , рассмотренный ниже.

Такая пара тэгов описывает абзац. Все, что заключено между <P> и </P> , воспринимается как один абзац. Конечный дескриптор </P> не является обязательным, но используется для более четкого обозначения границ абзацев в документе. Вставляя тэг <P> мы указываем начало нового абзаца и даем броузеру команду завершить текущую строку и перейти на следующую. Перед новым абзацем автоматически вставляется пустая строка.

Дескрипторы <Hi> и <P> могут содержать дополнительный атрибут ALIGN (читается "элайн", от английского "выравнивать"). Этот атрибут может принимать следующие значения:

Значение Justify используется только для тэга <P> и к тому же реализовано не во всех типах броузеров.

Примеры задания атрибутов выравнивания:

Подытожим все, что мы знаем, с помощью примера 2:

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

Текст, заключенный между метками <BLOCKQUOTE> и </BLOCKQUOTE> , выводится браузером на экран с увеличенным левым полем. Многие разработчики используют этот тэг для получения отступа текста слева. При использовании нескольких вложенных тэгов <BLOCKQUOTE> получим еще больший отступ слева на странице.

В самом начале мы говорили о том, что браузеры игнорируют множественные пробелы и символы конца строки. Из этого правила, однако, есть исключение.

Текст, заключенный между метками <PRE> и </PRE> (от английского preformatted — предварительно форматированный), выводится браузером на экран как есть — со всеми пробелами, символами табуляции и конца строки. Такой контейнер позволяет сохранять первоначальное форматирование текста со всеми пробелами и переносами при копировании его в HTML-страницу с помощью Clipboard . Например, это очень удобно при создании простых таблиц путем табуляции. Единственный недостаток — невыразительный моноширинный шрифт, которым многие броузеры заменяют шрифт оригинала.

Браузеры игнорируют любой текст, помещенный между <!— и —> . Это удобно для размещения комментариев, которые могут занимать несколько строк. Комментарии, добавленные в исходный текст HTML-страницы, не будут видны посетителям WEB-сайта. Они предназначены для удобства чтения текста HTML-страницы. При создании таблиц или фреймов (об этом речь пойдет дальше) комментарии помогают отслеживать соответствие элементов.

В этом разделе мы поговорим о метках, которые не подчиняются двум основным правилам HTML: все они непарные, а некоторые (так называемые &-последовательности) к тому же должны вводиться только маленькими буквами .

Эта метка используется, если необходимо перейти на новую строку, не прерывая абзаца. При этом нарушается стандартный для броузера порядок отображения текста. Например, это очень удобно при публикации стихов (см. пример 3).

Тэг <BR> может иметь атрибут CLEAR . Он используется для того, чтобы при обтекании текстом объекта, остановить его в указанной вами точке, а затем продолжить текст в пустой области за объектом. Продолжающийся за объектом текст выравнивается в соответствии со значениями LEFT, RIGHT или АLL атрибута СLЕАR=:

Применяя тэг <BR> следует помнить, что ширина области просмотра HTML-страницы зависит от размера окна броузера, от разрешения экрана дисплея и т. д. Поэтому при выводе Web-страницы на экран броузер автоматически изменит длину строк в каждом абзаце текста.

Таг <NОВR> (Nо Вrеаk, без обрыва) дает команду броузеру отображать весь текст в одной строке, не обрывая ее. Если текст, заключенный в таги <NОВR>, не поместится на экране, броузер добавит в нижней части окна документа горизонтальную полосу прокрутки. Если вы хотите оборвать строку в определенном месте, поставьте там таг <ВR>.

Горизонтальное отчеркивание ( horizontal rule ) применяется для разделения документа на части. С помощью одного лишь тага <НR> можно придать странице совершенно необычный вид. Метка <HR> описывает вот такую горизонтальную линию:

Метка может дополнительно включать атрибуты NOSHADE (сплошная линия), ALIGN (выравнивание), SIZE (определяет толщину линии в пикселах) и/или WIDTH (определяет размах линии в пикселах или в процентах от ширины экрана). Если их не указывать (по умолчанию), то это эквивалентно присвоению атрибутам следующих значений: ALIGN=center SIZE=2 WIDTH=100% . В примере 4 приведена небольшая коллекция горизонтальных линий.

Поскольку символы "<" и ">" воспринимаются браузерами как начало и конец HTML-меток, возникает вопрос: а как показать эти и другие служебные символы символы на экране? В HTML это делается с помощью & -последовательностей (их еще называют символьными объектами или эскейп-последовательностями). Браузер показывает на экране символ "<", когда встречает в тексте последовательность &lt; (по первым буквам английских слов less than — меньше, чем). Знак ">" кодируется последовательностью &gt; (по первым буквам английских слов greater than — больше, чем). Далее, например:

Символ "&" (амперсанд) кодируется последовательностью &amp;

Двойные кавычки (") кодируются последовательностью &quot;

Вообще говоря, &-последовательности определены для всех символов из второй половины ASCII-таблицы (куда, естественно, входят и русские буквы). Дело в том, что некоторые серверы не поддерживают восьмибитную передачу данных, и поэтому могут передавать символы с ASCII-кодами выше 127 только в виде & -последовательностей.

Полный перечень всех & -последовательностей приведен в Приложении 1.

Помните: точка с запятой — обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (т.е., маленькие). Использование меток типа &QUOT; или &AMP; не допускается.

Теги: что это такое, виды тегов, для чего они нужны

Давайте разберемся, что такое теги, зачем они нужны на сайтах и в социальных сетях, а также какими они бывают.

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.

Что такое тег

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

Еще до появления интернета люди пользовались тегами, чтобы классифицировать и идентифицировать объекты. В 60-х годах XX века в США теги стали инструментом криминальных группировок, которые метили свою территорию. Так, участник группировки Savage Skulls стал писать на стенах домов в районе собственное имя — Julio 20

Зачем нужны теги

1. Помогают быстро найти информацию по ключевым словам. Теги оформляются кликабельными ссылками, при нажатии на которые вы найдете на сайте все материалы по теме. Одну статью можно пометить разными тегами в зависимости от того, какие темы в ней раскрываются.
2. Упрощают навигацию на сайте. Обычный поиск порой выдает рандомные результаты: нужное слово не обязательно будет относиться к теме. Теги дают более актуальные результаты поиска.

Какие еще бывают теги

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

Хештеги (теги в соцсетях)

Люди, имеющие аккаунты в социальных сетях, пользуются хештегами — метками, которые говорят о тематике опубликованных фотографии, видеоролика либо текстового описания. Они упрощают поиск по конкретной теме. Хештеги используются, например, в «Инстаграме», «Твиттере», «Одноклассниках».

В начале хештега обязательно ставится символ “#” (решетка). Хештег, состоящий из двух и более слов, не должен быть разорванным: или слова записывают без пробелов (например,#домашняявыпечкаВолгоград, или же разделяют их символом ”_” (нижнее подчеркивание) в том месте, где должны стоять пробелы (например, #домашняя_выпечка_Волгоград). Нажав на хештег, вы перейдете в выдачу постов, которым он присвоен.

Метатеги

Это часть HTML-кода, которая прописывается между парным тегом …. Метатеги не являются обязательными тегами, и посетители сайтов их не видят. Служебную информацию из метатегов считывают поисковые роботы, в том числе из Description, в котором содержится анонс содержания страницы, Title — ее заголовок, H1 — заголовок статьи и пр. Например, метатег Description поисковые роботы Google зачастую используют в качестве сниппета.

Например, в метатеге Content Language содержится информация о языке, на котором написаны тексты сайта

С помощью метатега Robots поисковые роботы выявляют страницы, которые следует индексировать либо игнорировать. Он может обладать атрибутами index/noindex (можно/нельзя индексировать содержимое страницы), follow/nofollow (обращать / не обращать внимания на указанные ссылки) либо all/none (закрыты/открыты для индексации сама страница и ссылки на ней).

HTML-теги

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

Код страницы начинается и заканчивается HTML-тегами, внутри которых прописана информация, отображаемая на странице.

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

Есть и одиночные теги — например, <br>, который отвечает за перенос строки.