Спросят с вероятностью 10%
HTML (HyperText Markup Language) использует множество тегов для структурирования веб-страниц. Вот некоторые из наиболее часто используемых тегов и их назначение:
Структурные и семантические:
-
<!DOCTYPE>: Определяет тип документа и версию HTML.-
<html>: Корневой элемент веб-страницы.-
<head>: Содержит метаинформацию о документе, такую как заголовок, ссылки на стили и скрипты.-
<title>: Задаёт заголовок веб-страницы, отображаемый в заголовке вкладки браузера.-
<body>: Содержит всё содержимое веб-страницы, видимое пользователю.-
<header>: Определяет заголовок веб-страницы или раздела.-
<footer>: Определяет подвал веб-страницы или раздела.-
<nav>: Определяет навигационные ссылки.-
<article>: Определяет независимый контент.-
<section>: Определяет раздел в документе.-
<aside>: Определяет контент, отделённый от основного содержимого (как правило, боковые панели).Текстовые и форматирующие:
-
<h1> - <h6>: Заголовки разного уровня, где <h1> — самый важный заголовок.-
<p>: Определяет абзац.-
<br>: Перенос строки.-
: Выделяет текст жирным шрифтом.- : Выделяет текст курсивом.
- : Цитата.
-
<ol>: Нумерованный список.-
<ul>: Маркированный список.-
<li>: Элемент списка.- : Гиперссылка.
-
<img>: Изображение.-
<figure> и <figcaption>: Используются для вставки изображений или иллюстраций с подписями.Для работы с формами:
-
<form>: Определяет форму для сбора пользовательского ввода.-
<input>: Поле ввода.-
<textarea>: Многострочное поле ввода текста.-
<button>: Кнопка.-
<select> и <option>: Выпадающий список и его элементы.-
<label>: Метка для элемента формы.Для работы с таблицами:
-
<table>: Таблица.-
<tr>: Строка таблицы.-
<td>: Ячейка таблицы.-
<th>: Заголовочная ячейка таблицы.-
<thead>, <tbody>, <tfoot>: Группируют заголовки, основное тело и подвал таблицы соответственно.Специальные и мультимедийные:
-
<video> и <audio>: Для встраивания видео и аудио контента.-
<canvas>: Используется для рисования графики с помощью JavaScript.-
<svg>: Для встраивания векторной графики.Это лишь основные теги. Существует много других тегов и атрибутов, которые предоставляют дополнительные возможности для разработки веб-страниц.
➡️ Примеры ответов
➡️ Список всех вопросов на Frontend Developer
🧩 Идущий | 🔐 Собесы | 🔐 Тестовые