Что такое Тег и для чего он вообще нужен. Тег что это такое


что это такое, как их делать, примеры Tag

Даже в период своего зарождения и распространения Интернет представлял из себя огромный склад самой разной информации.

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

Еще на заре становления Всемирной сети появилась потребность структурировать все, что попадает в нее. Именно тогда и появились первые зачатки того, что сейчас мы называем тегами.

Эволюция

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

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

Пользователи ограничивались отдельным подфорумами, темами и подтемами, названными по тому, о чем в них идет речь.

Это можно увидеть и сейчас – стоит просто зайти на тематические сайты, в которых имеется форум.

Совершенно точно помимо предмета обсуждения в них можно найти разделы «Флудилка», «Другие темы», и подобное.

Однако, с развитием возможностей Сети, этого стало недостаточно.

Мощный толчок для развития метода распределения информации дало появление файлообменников и торрент-трекеров.

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

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

Именно категории на подобных ресурсах и стали своеобразным прототипом тегов.

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

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

И это обновление пришло вместе с социальными сетями. Именно там появилось такое явление как «теги» или «хэштеги».

Выглядят они очень просто – это слово, перед которым вставлен символ «#».

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

По сути это те же самые категории, разница в том, то пользователи могут вводить их сами.

Что это такое?

Резюмируя всю информацию, сказанную выше, можно подвести итог.

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

Кроме того благодаря tags очень просто искать интересующую вас информацию – достаточно просто нажать на слово и все похожие данные появятся на экране.

Где они используется?

Говоря кратко – везде. Сейчас каталогизация в виде категорий уже считается пережитком прошлого, особенно это заметно на западных трекерах и файлообменниках, где пользователи давно перешли на Tag.

Разделение форума на подтемы осталось, но скорее для удобства общения, а не обмена информацией.

Особенно хорошо теги прижились в социальных сетях.

В таких сервисах, как Instagram и Twitter львиная доля знакомства пользователей происходит именно через одинаковые теги, а сайт Tumblr построен именно на том, чтобы пользователь активно искал другие блоги по интересным ему тегам и читал исключительно их.

Вышеупомянутый Twitter пошел немного в другом направлении – в одной из его колонок выводятся так называемые «Популярные темы», где показаны наиболее употребляемые в данный момент теги.

Благодаря этому пользователь получает возможность быстро и своевременно узнавать последние мировые новости и события.

Например, если вдруг у вас перестает работать ВКонтакте, то не стоит спешить ругаться на провайдера или компьютер. Выйдите в Twitter – и если там в «Популярных» будет тег «#ВКживи», то будьте уверены – не заходит не только у вас.

Кроме того, на форумах используется такая вещь как «Облако тегов».

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

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

Это сильно облегчает навигацию по форуму и позволяет понять, что больше интересует его посетителей.

Способы употребления тегов в сети

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

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

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

Это позволяет привлекать интерес людей к своей странице и заставляет их искать информацию именно там.

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

Это очень удобно и позволяет контекстно подбирать рекламу для каждого отдельного пользователя без лишних затрат времени.

Интересно и то, что когда пользователь вводит отдельные запросы – то на выходе он может получить не совсем то, на что рассчитывал.

Например, если в Tumblr начать искать фотографии и посты по запросам Depression, Darkness, Suicide и другим «мрачным» тэгам, то вас в первую очередь выведет на окно с телефоном доверия и службой психологической помощи.

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

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

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

Как еще использовать теги?

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

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

В социальных сетях для того, чтобы поставить тег, достаточно добавить перед ключевым словом символ «#». Например, #ключ.

При этом нельзя разрывать запрос, потому что в ссылку превращается только фраза без пробелов.

То есть, в #ключевой запрос тегом будет являться только слово «ключевой», а вот в #ключевойзапрос вся фраза будет являться поисковым словом.

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

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

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

Обратная сторона медали

Но не стоит думать, что теги – это идеальный способ каталогизации данных.

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

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

Особенно это заметно в Twitter, где часто проходят флешмобы среди завсегдатаев этой социальной сети.

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

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

Альтернативные значения слова «тег»

Вообще, поскольку с английского Tag переводится буквально как «Метка», значений у этого слова благодаря интернету стало гораздо больше, чем ключевой запрос на сайте.

Википедия дает еще ряд определений этому термину.

Например, очень ярким альтернативным значением слова «Тег» является музыкальный жанр. Среди музыкантов принято говорить не «определять жанр», а «ставить тег». Вас все равно поймут.

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

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

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

Тегом также называют элемент разметки текста в HTML. Кроме того, так еще называют идентификатор, который присваивается каждому интернет-пакету, а также с помощью которого происходит разделение интернет-каналов.

На этом все, а как вы считаете – подобного метода структуризации информации достаточно для современного интернета? Или же стоит задуматься над улучшением этой системы?

seoslim.ru

как его правильно писать и использовать

Здравствуйте, дорогие друзья! Сегодня я решил немного поговорить о тегах. Для тех, кто не знает, что это такое, я постараюсь объяснить наиболее простым языком.

Тег — это своего рода метка. Также его иногда называют «дескриптор». И это более точное и правильное его название. Но привычнее и удобнее все-таки говорить именно так.

Понятие тега

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

На некоторых порталах есть такая вкладка «теги», на которой находятся ключевые слова для поиска нужной вам темы. Хештеги вы наверняка встречали в социальных сетях — это слова, обозначенные решеткой «#», по которым можно тоже искать нужную вам информацию. Иногда они также используются и для ютуба.

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

Основные теги для создания страницы

При создании страницы в первую очередь используют теги обозначения начала и конца самого документа, заголовка и тела текста. Они все являются парными и делятся на открывающий и закрывающий. Начальный указывается просто в специальных угловых скобках, а в конечном добавляется еще знак «/» перед самой командой.

Таким образом, начинается и заканчивается документ командами <html> и </html> соответственно. Для выделения заголовка используются теги <head> и </head>. Тело текста обозначается, как <body> — </body>. Обязательным элементом является title. Он кратко отражает само содержание страницы и является непосредственно основным ее заголовком.

Если вы используете в тексте подзаголовки, то с помощью специального упорядочения можно задавать им свойства и размер. Например, самый основной заголовок обозначается, как <h2>-</h2>. Он будет самым большим. Дальше используется нумерация соответственно от 2 до 6 для выделения важности и порядка заголовков. Размер их также будет зависеть от номера.

Для выделения нового абзаца используются команды <P> — </P>. Закрывающий тег в данном случае не обязателен. При открытии новой строки прописывают <BR> без закрытия. Этот тег непарный. Если вы применяете стили CSS, то есть описываете облик документа с помощью разметки, то вам нужно применять парные теги SPAN для строки и DIV для блока.

Форматирование текста

С помощью тегов задается и вид, формат самого текста. Например, специальные команды позволяют расставлять акценты, то есть логическое ударение, которое часто выделяется в тексте в виде курсива (<EM> — </EM>) и жирного текста (<STRONG> — </STRONG>). Просто сделать текст курсивным можно тегом <I> — </I>, жирным — <B> — </B>, подчеркнутым — <U> — </U>.

Команды <BIG> и <SMALL> соответственно позволяют сделать текст большим или маленьким. Тегом <FONT> — </FONT> выделяется строка для записи параметров текста, таких как цвет (<COLOR>), шрифт (<FACE>) и размер (<SIZE=…>), задающийся соответствующей цифрой.

Метатеги

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

Метатег так и прописывается: <meta>. Из его атрибутов обязательным является только атрибут «content», а остальные вы можете вводить для повышения релевантности этой страницы.

Это основные моменты. Конечно, статья получилась довольно-таки сжатая — эту тему можно раскрывать очень и очень долго. Но так как написано все в первую очередь для новичков, то и даны тут исключительно самые азы. Более подробно с основами html вы можете ознакомиться в бесплатном курсе по основам HTML. Он даст вам все необходимые знания, чтобы начать создавать сайты самому без особых проблем и зарабатывать на этом деньги.

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

До скорых встреч!

start-luck.ru

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

Если попытаться ответить на вопрос «Что такое теги» вкратце, то можно дать следующее определение: теги – это определенные ключевые слова, маркеры или метки.

Употребление слова «теги», как правило, связано со сферой интернета. Здесь смысл данного понятия разветвляется на два направления:

1. Теги как метки или ключевые слова статей, постов и любых других текстов, размещаемых на сайте. Обычно, когда автор статьи публикует свой текст на сайте, то он пытается выделить основные ключевые слова, по которым читатель легко определяет, чему посвящена данная статья. Для удобного поиска статей пользователями по нужной тематике многие владельцы сайтов размещает блоки, содержащие список наиболее часто встречаемых тегов. Такие блоки получили название «облака меток (тегов)». Сами метки в таком облаке, по сути, являются ссылками, при нажатии на которые происходит переход на страницу со списком статей, объединенных одним тегом.

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

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

Вот некоторые примеры HTML-тегов:

1 2 3 <br> - определяет перенос текста на новую строку <img src="image.jpg"> - задает отображение картинки <input type="text" name = "login"> - отображает текстовое поле

В HTML существует достаточно большое количество тегов. Вы можете почитать более подробно про основные html-теги, чтобы сформировать представление о том, как строятся веб-страницы.

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

1 2 <meta name="description" content="что такое теги" /> <meta name="keywords" content="теги" />

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

Мета-тег keywords включает в себя основные ключевые слова, которым посвящена данная страница.

Случайные посты

poleshuk.ru

Что такое теги? Использование их в SEO

HTML-теги – это типовой язык разметки, который предназначен для документов глобальной сети Интернет. Благодаря ему созданы все страницы «всемирной паутины». Если посмотреть код страницы, на которой вы сейчас находитесь, то вашему вниманию предстанет огромное количество буквенных и цифровых символов – это и есть теги для  HTML. Некоторые из них имеют особое значение  для поисковой оптимизации сайтов.

Что такое теги заголовка?

Заголовочные теги больше всего влияют на вес ключевого слова на интернет-странице. В браузере показывается отображение именно названия статьи, что делает тег заголовка <title> важным элементом поисковой оптимизации. Чтобы привлечь внимание, названия статей должны быть написаны понятным для обычного человека языком и содержать в себе достаточно информации. Для лучшей работы тега в значении <title> должно содержаться не менее 7 слов. Если это правило будет соблюдено, то у вас появится возможность получить с поисковиков дополнительный трафик. И, наконец, заголовок должен быть максимально приближен по смыслу к теме самой статьи.

Что такое теги вида <h2>, <h3>…<h6>?

Такие теги – это текстовые заголовки, которые находятся непосредственно на самой странице сайта внутри тегов: <body>, </body>. Для лучшей работы сайта тег <h2> рекомендуется использовать всего 1 раз, а <h3> – не более пяти раз. Для форматирования и структурирования страниц теги <h4> – <h6> используют в необходимом количестве, но стараются делать это рационально.

Что такое теги <meta>?

Для SEO очень важны два мета-тега: description и keywords. На странице они не отображаются, но поисковые системы их учитывают. Изначально keywords был создан для того, чтобы поисковиками легче воспринималась семантика документа. Теперь же в данный тег вставляют слова, которые отражают суть интернет-страницы.

Что касается description-тега, то ранее в него вставляли большое количество слов, влияя таким образом на ранжирование. Поисковая система Яндекс формирует сниппеты на основе значений данного тега. На сегодняшний день многие уверены, что description не нужен вообще, однако оптимизаторы по-прежнему рекомендуют его заполнять. В любом случае вреда это не принесет.

Что такое теги <strong>, <b> и <em> ?

Функция тега <strong> – выделять текст на странице полужирным шрифтом. Он появился чуть позже, нежели тег <b>, но, несмотря на это, также учитывается поисковыми системами. Для выявления ключевых слов и их смыслового усиления специалисты по продвижению рекомендуют использовать выделительные теги <strong>, </strong>.

Теги <i>,</i> выделяют курсивом вписанные между ними слова. Для поисковых машин имеют небольшое значение, но их использование скажется для интернет-страницы положительно.

<em> – это тег, функция которого – подчеркивание участков текста, несущих информативный характер. Влияние его на поиск незначительное, он используется, скорее, для придания оформлению страницы большей выразительности.

Что такое теги <img>?

Картинки, которые имеются на интернет-страницах, выводятся на них при помощи тега <img>. У него имеется большое количество атрибутов, но наиболее важные для поисковиков – это alt и title. Первый из них несет информационный характер и отображается в том случае, если открыть изображение не представляется возможным, а второй содержит название картинки. Оно всплывает в браузере, если на изображение навести курсор. Оба этих атрибута достаточно важны и для посетителей, и для поисковых машин (alt – в большей степени), но многие веб-мастера ими незаслуженно пренебрегают.

Чаще других в редактировании HTML-страниц используют теги <p>, </p> – благодаря им текст разделяется на абзацы. Грамотное применение различных тегов не только будет способствовать продвижению вашего сайта в поисковых системах, но и сделает его более привлекательным для посетителей.

наиболее распространены в использовании, ведь они влияют на вес ключевого слова, на интернет странице. Таким образом, в браузере, идет отображение именно названия статьи, что делает title необходимой частью поисковой системы. Чаще всего, заголовки статей написаны понятным для обычного человека языком и должны содержать в себе достаточно информации, для обращения на них внимания. Для лучшей работы тега, в значении title должно содержаться не менее 7 слов. Если это правило будет соблюдено, то у вас появится возможность получить с поисковиков дополнительный трафик. И наконец, заголовок, должен быть максимально приближен по смыслу к теме самой статьи.</p> <p>Что такое теги вида <h2>, <h3>…<h6>?</p> <p>Такие теги – это текстовые заголовки, которые находятся непосредственно на самой странице сайта и находятся внутри других тегов <body>…</body>. Для лучшей работы сайта тег <h2> рекомендуется использовать всего 1 раз, а <h3> - не более 5-ти раз. А вот уже для форматирования и структурирования страниц стоит использовать теги <h4> - <h6> в рациональном количестве.</p> <p>Что такое теги <meta>?</p> <p>Для работы в SEO чаще всего применяется два мета-тега: description и keywords. На странице они не отображаются, но поисковые системы их учитывают. Изначально, keywords был создан для того, чтобы поисковикам легче воспринималась семантика документа. Теперь же, в данный тег вставляют слова, которые отражают суть интернет-страницы.</p> <p>Что касается description тега, то ранее в него вставляли большое количество слов, влияя таким образом на ранжирование. Поисковая система Яндекс формирует сниппеты на основе значений данного тега. На сегодняшний день, большинство людей уверены, что description не нужен вообще, однако программистами рекомендуется его использование. В любом случае, никакого вреда из этого не получится.</p> <p>Что такое теги <strong>, <b>, <e> и <em> ?</p> <p>Тег <strong> - является форматирующим, его функция – делать текст на странице полужирным. Этот тег появился чуть позже нежели тег b, но несмотря на это он так же учитывается поисковыми системами. Для выявления ключевых слов и их усиления, специалисты по продвижению рекомендуют использовать выделительные теги. <strong> </strong></p> <p><i> - форматирует вписанное в него слово, прописывая его курсивом. Для поисковых машин имеет небольшое значение, но его использование скажется для интернет-страницы положительно.</p> <p><em> - это тег, который так же используется при форматировании, но его функция – это подчеркивание участков текста, которые несут информативный характер. Влияние данного тега на поиск не значительное, он чаще используется для красоты.</p> <p>Что такое теги <img>?</p> <p>Картинки, которые выводятся на страницы, делают это при помощи тега <img>. У данного тега имеется большое количество атрибутов, но наиболее важные для поисковиков – это alt и title. Alt - несет информационный характер, а title содержит название картинки, которое может быть в виде ссылки.</p> <p>Однако чаще всего в редактировании HTML страниц используют тег <p> - это популярный способ для разделения абзацев. Во всяком случае, любое использование тегов лишь увеличит популярность вашего сайта среди поисковых систем. Обязательно их используйте и продвигайтесь.</p>

fb.ru

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

Странное и непонятное слово «теги» вводит вас в ступор, потому что вы не знаете его значения? Что такое теги?

Тег (множ. ч. - теги) — это элемент языка программирования, необходимый для разметки гипертекста. Пример тегов: 〈big〉 - 〈big〉. Теги будут регулировать те элементы, которые заключены между ними. Например, если какой-либо текст будет заключен между приведенными в пример тегами, то он будет больше остального текста по размеру. Так, использование тегов может придавать дополнительные атрибуты содержащейся между ними информации.

Что означает тег

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

Синтаксис и атрибуты тегов

Чаще используются два парных тега: первый открывает команду (начальный, открывающий тег), второй — закрывает (конечный, закрывающий тег). Пример таких тегов мы уже привели. Также в некоторых языках программирования могут использоваться теги пустого элемента или одиночные теги.

Набор и интерпретацию тегов определяет организация W3C. Также вместо треугольных скобок () и слэшей (/) могут использоваться фигурные и квадратные скобки. Но это зависит от определенного вида языка.

Атрибуты тегов, как раз то, что мы уже упомянули, - это их дополнительные возможности для форматирования текста. Записываются такие теги в виде пары - «имя-значение».

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

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

elhow.ru

Что такое HTML-теги - шпаргалка по основным меткам

Тег — это специальное зарезервированное слово, заключённое в угловые скобки (например, <body>). Тег — основная составляющая HTML: им код начинается, им же заканчивается, внутри тегов заключается отображаемая на веб-странице информация. Записывать их рекомендуется в нижнем регистре, то есть обычными маленькими буквами: не <THEAD>, а <thead>.

Какими бывают теги?

Большинство HTML-тегов являются парными: есть открывающий (например, <html>) и закрывающий тег, который от открывающего отличает слеш (/) после первой угловой скобки (например, </html>). Всё, что находится внутри пары тегов, называется их содержимым.

<Открывающий_тег>Содержимое</Закрывающий_тег> <b>Помещённый внутри этих тегов текст становится жирным</b>

Бывают и непарные (одиночные) теги, которые называются метками. Их, в отличие от парных тегов, не нужно закрывать, потому что они не работают с содержимым, а выполняют какую-то функцию сами по себе. Пример одиночного тега — <br>. Он устанавливает перенос текста на следующую строку.

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

Любой тег состоит из:

  • Открывающей угловой скобки (<).
  • Специального слова (имени тега). Например, hr, iframe, b.
  • Закрывающей угловой скобки (>).

Основные HTML-теги

Так как теги — основа языка разметки, не удивительно, что их довольно много. Рассмотрим основные, самые важные теги.

  • <!—…—> — одиночный тег, внутри которого размещается комментарий. Комментарий — это текст, который не обрабатывается браузером. Внутри тега можно писать, что угодно, даже другие теги — работать они не будут, на экране не отобразятся. Разработчики комментируют код либо чтобы другим веб-мастерам было проще в нём разобраться, либо чтобы спустя продолжительное время его быстро смогли понять они сами.
  • <html>, <!DOCTYPE>, <head>, <body>, <title> — теги, которые должны присутствовать в любом приличном HTML-документе (подробнее см. «Как создать сайт в Блокноте»).
  • <meta> — тег содержит вспомогательную информацию для браузеров и поисковиков. Внутри него можно прописать ключевые слова, описание страницы, кодировку документа, имя автора и т. д.
  • <script> содержит ссылку на файл сценария или сам код.
  • <style> — тег, задающий стиль документа и/или его элементов с помощью CSS. HTML-документ может содержать множество тегов <style>, определяющих разные стили разных частей страницы.
  • <header> — полная противоположность <footer>, его дополняющая. Тег задаёт «шапку» (заголовок) раздела или всей страницы.
  • <footer> хранит в себе «ноги» сайта или раздела. Внутри него можно разместить вспомогательную информацию, копирайт, контактные данные и т. д.
  • <main> содержит основной контент страницы. Ни шапку, ни блок меню, ни «ноги» сайта, а то, ради чего страница создавалась. Например, на странице, которую вы сейчас читаете, внутри <main> должна располагаться как раз эта статья.
  • <a> предназначен для создания ссылок. Ссылки — корень гипертекста, поэтому им посвящена отдельная статья.
  • <img> нужен для добавления на веб-страницу картинок (к вашим услугам посвящённая этому действу статья).
  • <blockquote>, <br>, <hi1>-<hi6>, <hr>, <i>, <p>, <s>, <strong>, <ins> и другие теги форматирования текста составляют большую группу HTML-тегов, о них рассказывает статья «Форматирование текста в HTML».
  • <div> — блочный элемент. Текст внутри <div></div> форматируется с помощью CSS (каскадных таблиц стилей, которым посвящена вторая часть самоучителя).
  • <span>. У вас есть абзац <p> или блок <div>. Текст в нём оформлен в едином стиле, но вы бы хотели, не нарушая структуры, сделать так, чтобы несколько слов имели другой размер шрифта или цвет. Именно для таких ситуаций и предназначен тег <span>.
  • <ol>, <ul>, <li> — теги списков. Маркированные, нумерованные — работа этих тегов. Есть ещё списки определений, за которые отвечают теги <dd>, <dt> и <dl>, но подробно обо всей это шестёрке вы узнаете из статьи «Создание списков».
  • <table>, <tbody>, <thead>, <td>, <th> и <tr> используются при создании таблиц и подробно рассматриваются в отдельной статье.
  • <form> — тег, добавляющий странице интерактивности, то есть позволяющий пользователю взаимодействовать с веб-сайтом. Конечно, форме необходим обработчик, но зато с помощью тегов внутри <form></form> вы можете создать интерфейс. Флажки, кнопки, переключатели, поля ввода и другие объекты, которые требуют от вас активных действий — всё это элементы формы, код которых размещается внутри контейнера <form>.
  • <button> — тег, создающий интерактивную кнопку. Чтобы при нажатии на неё что-нибудь произошло, кнопка должна находиться в форме (располагаться между тегами <form></form>).
  • <input> создаёт элементы формы: переключатели, флажки, кнопки, всевозможные поля ввода. Вставляется в контейнер <form>. Но зачем нам тогда отдельно <button>, если есть универсальный <input>? <button> позволяет создать кнопку с расширенными параметрами. Например, на кнопке <button> можно разместить картинку. На элементе, созданном через <input>, такого сделать нельзя.
  • <menu> и <command> — теги создания меню в HTML 5. <menu> — это контейнер, внутри которого помещаются элементы <command>, добавление которых и приводит к созданию пунктов меню. Довольно интересная парочка. Например, с её помощью вы можете создать собственное контекстное меню для страницы или отдельного её элемента.
  • <textarea> — ещё один тег формы, создающий в ней большое поле, в которое можно вводить не одну строку текста, а целые абзацы.

Полезные ссылки:

www.seostop.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ellewoman.ru