Опубликован автором: Элемент <link> является одним из основных элементов языка HTML (HyperText Markup Language) и используется для связывания веб-страниц с внешними ресурсами, такими как таблицы стилей, иконки и другие файлы.
Синтаксис элемента <link> выглядит следующим образом:
<link rel="stylesheet" type="text/css" href="style.css">
Атрибуты элемента <link>:
— rel — указывает тип связи между текущей страницей и подключаемым ресурсом. В случае подключения таблицы стилей значение атрибута должно быть «stylesheet».
— type — указывает тип подключаемого ресурса. В случае таблицы стилей значение атрибута должно быть «text/css».
— href — указывает путь к файлу, который необходимо подключить.
Пример использования элемента <link> для подключения таблицы стилей:
<!DOCTYPE html> <html> <head> <title>Моя веб-страница</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Привет, мир!</h1> <p>Это моя первая веб-страница.</p> </body> </html>
В данном примере мы подключаем таблицу стилей, которая находится в файле «style.css». Этот файл должен находиться в той же директории, что и файл с веб-страницей.
Элемент <link> также может использоваться для подключения других ресурсов, например, иконок для веб-страницы:
<link rel="icon" type="image/png" href="favicon.png">
В данном примере мы подключаем иконку для веб-страницы, которая находится в файле «favicon.png». Эта иконка будет отображаться во вкладке браузера и в закладках.
Элемент <link> является важным элементом языка HTML, который позволяет связывать веб-страницы с внешними ресурсами, такими как таблицы стилей и иконки. Правильное использование этого элемента позволяет создавать красивые и функциональные веб-страницы.