Теги – что это такое простыми словами


Что такое теги и для чего они нужны?

Один из создателей интернета, Тим Бернес Ли, работая над концепцией своего детища, столкнулся с неожиданной проблемой.

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

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

Выход был найден немного позже.

Язык гипертекстовой разметки

Абсолютно логично на свет появился язык гипертекстовой разметки, который оказался столь эффективным, что до сих пор является одним из главных опорных столбов всемирной паутины. Этот условный язык называют HTML (HyperText Markup Language).

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

Всем пользователям всемирной сети хорошо известны такие названия, как Google Chrome, Mozilla, Opera и т.п. Они лежат в основе интернет-страниц, обрабатывая именно гипертекстовую информацию.

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

Теги как части языка HTML

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

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

Вот тогда и изобрели теги или, как их изначально называли, “хэштеги”.

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

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

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

Оказавшиеся эффективными теги со временем перешли в состав языка HTML.

Как теги работают в Язык HTML?

В языке разметки гипертекста информации принято обозначать знаками больше и меньше( <H2>) между этими знаками обозначена тема размещаемые за тегом информации.

Теги (их ещё называют дескрипторами) бывают парными и непарными. Парные выделяют определенное количество текста и обозначаются

<тег> некоторый текст, несущий определенную смысловую нагрузку</тег>. Первый так называется открывающим, второй закрывающим, он обозначается правым слешем.

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

Существует также большое количество служебных тегов.

Пара <HTML></HTML> ограничивает рамки гипертекста. <Title></Title> определяет границы заголовка. <body></body> Открывают и закрывают тело программы.

По общей классификации все теги распределяются на:

  • пустые – <col>,<br>,<>base
  • содержащие неформатированный текст – <script>
  • выводящие неформатированный текст – <textarea>
  • дескрипторы из другого пространства имен – MathML
  • обычные теги, которые чаще всего применяются.

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

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

Фотография Теги

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

  • Обозначение заголовка первого уровня:   <H1>Сказка о царе Салтане</H1>
  • Между закрывающим и открывающим находится блок текста, которой можно назвать абзацем:   <p></p>
  • Отображает наклонный текст:   <i> тут находится наклонный текст</i>   
  • Отображает текст небольшого размера:   <small> тут находится небольшой текст</small>    
  • Обозначает контейнер для размещения изображений:   <img> тут находится рисунок</img>
  • Указывает на создание таблицы:   <table> тут находится таблица</table>   
  • Используется для описания сценария на стороне клиента, то есть определяет то что будет показывать браузер на компьютере пользователя. Это программа написана например на языке Java Script:   <script>Тут программа на языке Java Script</script>
  • Устанавливает нумерованный список:   <ol>Тут нумерованный список</ol>

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

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

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

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

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