Этот вопрос проверяет понимание назначения тега <link> в HTML.
Тег <link> используется для подключения внешних ресурсов к HTML-документу. Чаще всего он применяется для подключения CSS-стилей. Тег располагается внутри секции <head> и не отображается на странице.
Пример:
<link rel="stylesheet" href="styles.css">
Этот код подключает файл стилей styles.css к странице.
Тег <link> — это HTML-элемент, который позволяет подключать внешние ресурсы к веб-странице. Он используется только в секции <head> и не отображается на самой странице.
<link>:• rel (relationship): указывает тип связи между текущим документом и подключаемым ресурсом.
• stylesheet — для подключения CSS-файлов.
• icon — для указания фавикона.
• href (hyperlink reference): путь к подключаемому файлу. Это может быть относительный или абсолютный URL.
• type (опционально): MIME-тип ресурса, например, text/css.
Подключение CSS-файла:
<link rel="stylesheet" href="styles.css">Это наиболее распространенное использование тега <link>. Он связывает внешний файл стилей с HTML-документом.
Указание фавикона:
<link rel="icon" href="favicon.ico" type="image/x-icon">Этот тег указывает браузеру, какой значок показывать на вкладке страницы.
Подключение других ресурсов:
Например, подключение шрифтов:
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пример с тегом link</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<h1>Пример подключения ресурсов</h1>
</body>
</html>Тег <link> позволяет разделить структуру и стили веб-страницы. Это удобно для управления стилями (CSS) и улучшает производительность, поскольку браузеры могут кэшировать подключенные файлы. Например, при разработке сайта подключение шрифтов и CSS через <link> помогает быстро изменить внешний вид без изменения HTML.