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

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

10 тегов HTML

Тегами называются специальные элементы, заключенные в символы <>. Это основные команды языка html. Они бывают:

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

У html базовых тегов довольно много. Рассмотрим самые популярные.

Именно он стоит самым первым и выступает обозначением html-документа. Тег <!DOCTYPE> указывает браузеру, в какой версии HTML был написан документ, чтобы тот смог корректно отобразить страницу или сайт.

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

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

В теге “тела” пишется все, что должно быть отображено посетителям страницы – весь контент, среди которого текстовое наполнение, изображение, видео и прочее.

Теги , , и

Эти теги мы объединили, так как они отвечают за одну и ту же функцию – акцентирование текста:

• и отвечают за курсив или жирное начертание во внешнем виде страницы;
• тоже делают текст курсивом и віделяют жирным, но важны для семантического акцентирования.

Без них текстовое наполнение может смотреться скучно.

Этот тег структурирует текст на разделы:

ставит заголовок самого высшего уровня, а

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

Крайне важный элемент создает ссылку на другой документ или другую часть в уже существующем документе. Буква А здесь обозначает английское слово anchor, то есть якорь. Именно он отвечает на вопрос – какие теги создают гиперссылку на другие документы.

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

и

Еще одни теги, которые мы объединили в один пункт, так как они отвечают за списки. Только

помогает нам создавать списки маркированные, а

– нумерованные.

 

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

Теперь вы знаете, какие теги указывают браузеру что это html документ и имеете общее представление о том, что должно быть в вашей разметке. Рассмотрим следующий момент – поисковики и работу с ними.

Как сделать теги для поисковиков?

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

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

По материалам: https://itwiki.dev/ru/