Основные теги HTML
Язык тегов HTML предназначен для структурирования веб-страниц и сайтов. Браузер преобразовывает их в привычные для нас интернет-страницы. О том, какие бывают типы тегов и их оформление – детальнее в статье.
10 тегов HTML
Тегами называются специальные элементы, заключенные в символы <>. Это основные команды языка html. Они бывают:
- парные, то есть подразумевают собой открывающий и закрывающий тег;
- непарные, теги, которые не нужно закрывать и достаточно упомянуть один раз.
У html базовых тегов довольно много. Рассмотрим самые популярные.
<!DOCTYPE html>
Именно он стоит самым первым и выступает обозначением html-документа. Тег <!DOCTYPE> указывает браузеру, в какой версии HTML был написан документ, чтобы тот смог корректно отобразить страницу или сайт.
<HTML></HTML>
Корневой элемент, который идет сразу после <!DOCTYPE html>. Внутри него содержатся все данные веб-страницы. Так что, если вы ищете, какие теги не обязательны в html документе – это точно не о нем.
<head></head>
Следующий тег, как уже понятно из названия, выступает головным контейнером или служебной секцией, в которой хранится информация, необходимая для функционирования страницы. Это описание, ключевые слова, подключаемые скрипты и многое другое.
<body></body>
В теге “тела” пишется все, что должно быть отображено посетителям страницы – весь контент, среди которого текстовое наполнение, изображение, видео и прочее.
Теги <i>, <em>, <b> и <strong>
Эти теги мы объединили, так как они отвечают за одну и ту же функцию – акцентирование текста:
- <i> и <b> отвечают за курсив или жирное начертание во внешнем виде страницы;
- <em> <strong> тоже делают текст курсивом и віделяют жирным, но важны для семантического акцентирования.
Без них текстовое наполнение может смотреться скучно.
<h…></h…>
Этот тег структурирует текст на разделы: <h1> ставит заголовок самого высшего уровня, а <h6> подразумевает самый маленький. Смысловые блоки, на которые делят текст эти теги важны для эффективности текста.
<a href="URL"></a>
Крайне важный элемент создает ссылку на другой документ или другую часть в уже существующем документе. Буква А здесь обозначает английское слово anchor, то есть якорь. Именно он отвечает на вопрос – какие теги создают гиперссылку на другие документы.
<p>
Создает новый абзац. Он должен стоять парно перед и после каждого отдельного текстового блока, чтобы отбивка прошла как задумывалось во время верстки.
<ul> и <ol>
Еще одни теги, которые мы объединили в один пункт, так как они отвечают за списки. Только <ul> помогает нам создавать списки маркированные, а <ol> – нумерованные.
<img>
Этот тег добавляет необходимое вам изображение на страницу. С его помощью вы показываете, куда браузеру обратиться за картинкой, чтобы он ее подтянул на нужное место.
Теперь вы знаете, какие теги указывают браузеру что это html документ и имеете общее представление о том, что должно быть в вашей разметке. Рассмотрим следующий момент – поисковики и работу с ними.
Как сделать теги для поисковиков?
Поисковики смотрят на теги не так как пользователи, поэтому для них важно составлять информацию о странице отдельно: за них отвечают title и description документа. Если же они будут составлены неправильно, поисковый агент их либо проигнорирует (и сайт не будет показываться в выдаче) либо заменит на другие.
Если вас все еще интересует, какое расположение тегов является правильным и вы хотите научиться верстать для себя или в коммерческих целях – вам поможет компьютерная школа Hillel.
По материалам: https://itwiki.dev/ru/