Линк тег – Тег link — подключение CSS, фавикона и других внешних файлов

Тег link — подключение CSS, фавикона и других внешних файлов

Тег link подключает CSS файлы на HTML страницу. Кроме того, link подключает некоторые другие файлы, например, фавикон. (Фавикон — это ярлычок сайта, который виден во вкладке браузера. Его также можно увидеть в некоторых поисковиках при поиске напротив сайтов, например в Яндексе).

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

Как подключить CSS в HTML5: <link rel=»stylesheet» href=»style.css»>. В более ранних версиях нужно было добавлять атрибут type в значении text/css. В HTML5 так тоже можно делать, но это не обязательно.

Как подключить фавикон: <link href=»favicon.ico» rel=»shortcut icon» type=»image/x-icon»>.

Тег link не требует закрывающего тега.

Атрибуты

Атрибут Описание
href Путь к подключаемому файлу.
media Тип устройства, для которого следует подключить файл.
Что имеется ввиду — вы можете подключить CSS файл только для больших экранов (значение screen) или только для маленьких экранов: для мобильников или планшетов (значение handheld).
Возможные значения: all, braille, handheld, print, screen, speech, projection, tty, tv. Подробнее смотрите ниже.
rel Тип подключаемого файла. Возможные значения: stylesheet | alternate. Значение stylesheet указывает на то, что подключается CSS файл, значение alternate используется, к примеру, для указания ссылки на файл в формате XML для описания ленты новостей, анонсов статей.
charset Кодировка подключаемого файла. В настоящее время стандартом является
utf-8
.
type Тип данных подключаемого файла. Для CSS следует использовать text/css, для фавикона: image/x-icon.

Значения атрибута media

В HTML5 в качестве значений могут быть указаны медиа-запросы.

Значение Описание
all Все устройства.
screen Экран монитора.
handheld Телефоны, смартфоны, устройства с маленьким экраном.
braille Устройства, основанные на системе Брайля, предназначены для слепых людей.
speech Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры.
print Принтеры.
projection Проекторы.
tty Телетайпы, терминалы, портативные устройства с ограниченными возможностями экрана. Для них не должны использоваться пиксели в качестве единиц измерения.
tty Телевизоры, которые умеют открывать web страницы (бывает и такое).

Значение по умолчанию: all.

Пример

Давайте посмотрим, как выглядит структура простейшей html страницы, к которой добавим подключение CSS файлов и фавикона:

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style1.css"> <link rel="stylesheet" href="style2.css" media="screen"> <link href="favicon.ico" rel="shortcut icon" type="image/x-icon"> <meta charset="utf-8"> <title>Это заголовок тайтл</title> </head> <body> Это основное содержимое страницы. </body> </html>

Смотрите также

  • тег style,
    который добавляет CSS прямо на странице
  • атрибут style, который задает стили конкретному тегу


Ссылка на внешнюю таблицу стилей:


Определение и использование

Тег <link> определяет связь между документом и внешним ресурсом.

Тег <link> используется для ссылки на внешние таблицы стилей.


Поддержка браузеров

При использовании для таблиц стилей тег <link> поддерживается во всех основных браузерах. Никакой реальной поддержки ни для чего другого.

Элемент
<link> Да Да Да Да Да

Примечание: Элемент <link> является пустым, содержит только атрибуты.

Примечание: Этот элемент устанавливается только в головной части, может появляться любое количество раз.


Различий между HTML 4.01 и HTML5

Некоторые атрибуты HTML 4.01 не поддерживаются в HTML5.

Атрибут "sizes" является новым в HTML5.


Различия между HTML и XHTML

В HTML тег <link> не имеет конечного тега.

В XHTML тег <link> должен быть закрыт.


Атрибуты

= New in HTML5.

Атрибут Значение Описание
charset char_encoding Не поддерживается в HTML5.
Задает кодировку символов связанного документа
crossorigin anonymous
use-credentials
Указывает, как элемент обрабатывает запросы между источниками
href URL Указывает расположение связанного документа
hreflang language_code Задает язык текста в связанном документе
media media_query Указывает, на каком устройстве будет отображаться связанный документ
rel alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet
Required. Задает связь между текущим документом и связанным документом
rev reversed relationship Не поддерживается в HTML5.
Задает связь между документом и текущим документом
sizes HeightxWidth
any
Указывает Размер связанного ресурса. Только для rel=»icon»
target _blank
_self
_top
_parent
frame_name
Не поддерживается в HTML5.
Указывает, где должен быть загружен связанный документ
type media_type Указывает Тип носителя связанного документа

Глобальные атрибуты

Tег <link> также поддерживает Глобальный атрибут в HTML.


Атрибуты событий

Tег <link> также поддерживает Атрибуты событий в HTML.


Связанные страницы

Учебник HTML: HTML Стили

Справочник HTML DOM: Объект link


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <link> со следующими значениями по умолчанию:

link {
    display: none;
}


HTML тег link

Тег <link> определяет ссылку на внешний ресурс. Наиболее часто этот тег используется для подключения файла стилей CSS к документу HTML.

Использование тега <link> для подключения внешнего файла стилей CSS поддерживается всеми основными браузерами. Ничего другое в настоящее время не поддерживается.

Тег <link> является пустым элементом, который содержит только атрибуты.

Тег <link> используется только внутри элемента <head>. Он может быть использован сколько угодно раз.

Разница между HTML 4.01 и HTML5

Некоторые атрибуты, допустимые в HTML 4.01, не поддерживаются в HTML5.

В HTML5 был добавлен атрибут sizes.

Различия между HTML и XHTML

В HTML тег <link> — одиночный элемент без закрывающего тега. В XHTML тег <link> необходимо закрывать должным образом, а именно — <link />.

Атрибуты тега <link>

Атрибут Описание
charset Определяет кодировку символов подключаемого документа
href Определяет URL подключаемого внешнего ресурса
hreflang Определяет язык подключаемого внешнего документа
media Определяет устройства вывода, для которых оптимизирован внешний ресурс
rel Определяет отношение между текущим и подключаемым внешним документом/ресурсом
rev Определяет отношение с подключаемым документом/ресурсом
sizes Определяет размер иконки
target Определяет, куда будет загружаться подключаемый документ
type Определяет медиа-тип подключаемого документа

Общие атрибуты

Тег <link> поддерживает общие атрибуты и атрибуты-события.

HTML пример

Подключение внешнего файла стилей:


<head>
   <link rel="stylesheet" type="text/css" href='theme.css'>
</head>

CSS стили по умолчанию

Большинство браузеров будут отображать тег <link> со следующими стилями


link {
    display: none;
}

Атрибут media тега | HTML справочник

ЗначениеОписание
aspect-ratioСоотношение ширины и высоты области просмотра (соотношение сторон экрана). Это значение состоит из двух целых положительных чисел, разделенных косой чертой («/»). Первое число это соотношение пикселей по горизонтали, а второе по вертикали. Например: aspect-ratio: 5/4 (соотношение пять к четырем).
colorОпределяет количество бит на цветовую компоненту устройства вывода. Если устройство не является цветным устройством, то это значение равно нулю. Допускаются только положительные значения. Например, если дисплей использует по 4 бита на красный и синий, а 5 бит на зеленый, то считается, что устройство использует 4 бит на цветовой компонент.
color-indexКоличество цветов, которое устройство может отображать. Отрицательные значения не допускаются.
device-aspect-ratioСоотношение ширины и высоты области просмотра выходного устройства (соотношение сторон). Это значение состоит из двух целых положительных чисел, разделенных косой чертой («/»). Первое число это соотношение пикселей по горизонтали, а второе по вертикали. Например: device-aspect-ratio: 5/4 (соотношение пять к четырем). Значение считается устаревшим и удалено из «Media Queries Level 4».
device-heightОпределяет высоту устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из «Media Queries Level 4».
device-widthОпределяет ширину устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из «Media Queries Level 4».
gridОпределяет основано ли выходное устройство на сеточной системе (например, терминал «tty» или дисплей телефона с одним фиксированным шрифтом), в этом случае значение будет равно 1, если устройство растровое, то значение будет равно 0.
heightЗадает высоту области просмотра (используются единицы измерения CSS).
max-aspect-ratioМаксимальное соотношение ширины и высоты области просмотра (соотношение сторон экрана). Это значение состоит из двух целых положительных чисел, разделенных косой чертой («/»). Первое число это соотношение пикселей по горизонтали, а второе по вертикали.
max-colorОпределяет максимальное количество бит на цветовую компоненту устройства вывода. Допускаются только положительные значения.
max-color-indexМаксимальное количество цветов, которое устройство может отображать. Отрицательные значения не допускаются.
max-device-aspect-ratioМасимальное соотношение ширины и высоты области просмотра выходного устройства (соотношение сторон). Это значение состоит из двух целых положительных чисел, разделенных косой чертой («/»). Первое число это соотношение пикселей по горизонтали, а второе по вертикали. Значение считается устаревшим и удалено из «Media Queries Level 4».
max-device-heightОпределяет максимальную высоту устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из «Media Queries Level 4».
max-device-widthОпределяет максимальную ширину устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из «Media Queries Level 4».
max-heightЗадает максимальную высоту области просмотра (используются единицы измерения CSS).
max-monochromeУказывает максимальное количество бит на пиксель монохромного устройства. Если устройство не является монохромным, то значение будет равно 0. Допускаются только положительные целые числа.
max-resolutionУказывает максимальное разрешение устройства вывода (например, монитор, или принтер). Разрешение может быть указано как в точках на дюйм (dpi), так и в точках на сантиметр (dpcm).
max-widthЗадает максимальную ширину области просмотра (используются единицы измерения CSS).
min-aspect-ratioМинимальное соотношение ширины и высоты области просмотра (соотношение сторон экрана). Это значение состоит из двух целых положительных чисел, разделенных косой чертой («/»). Первое число это соотношение пикселей по горизонтали, а второе по вертикали.
min-colorОпределяет минимальное количество бит на цветовую компоненту устройства вывода. Допускаются только положительные значения.
min-color-indexМинимальное количество цветов, которое устройство может отображать. Отрицательные значения не допускаются.
min-device-aspect-ratioМинимальное соотношение ширины и высоты области просмотра выходного устройства (соотношение сторон). Это значение состоит из двух целых положительных чисел, разделенных косой чертой («/»). Первое число это соотношение пикселей по горизонтали, а второе по вертикали. Значение считается устаревшим и удалено из «Media Queries Level 4».
min-device-heightОпределяет минимальную высоту устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из «Media Queries Level 4».
min-device-widthОпределяет минимальную ширину устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из «Media Queries Level 4».
min-heightЗадает минимальную высоту области просмотра (используются единицы измерения CSS).
min-monochromeУказывает минимальное количество бит на пиксель монохромного устройства. Если устройство не является монохромным, то значение будет равно 0. Допускаются только положительные целые числа.
min-resolutionУказывает минимальное разрешение устройства вывода (например, монитор, или принтер). Разрешение может быть указано как в точках на дюйм (dpi), так и в точках на сантиметр (dpcm).
min-widthЗадает минимальную ширину области просмотра (используются единицы измерения CSS).
monochromeУказывает количество бит на пиксель монохромного устройства. Если устройство не является монохромным, то значение будет равно 0. Допускаются только положительные целые числа.
orientationОпределяет, находится ли область просмотра в режиме альбомной ориентации — экран шире, чем высота, или в портретной ориентации — высота дисплея больше или равна ширине. Для альбомной ориентации используется значение: orientation: landscape, а для портретной и orientation: portrait.
resolutionУказывает разрешение устройства вывода (например, монитор, или принтер). Разрешение может быть указано как в точках на дюйм (dpi), так и в точках на сантиметр (dpcm).
scanУказывает метод сканирования устройства вывода. Применяется для устройств телевизионного типа (tv). Для того, чтобы указать тип развертки устройства, необходимо указать одно из значений: череcстрочная развертка — (interlace), прогрессивная развертка (progressive).
widthЗадает ширину области просмотра (используются единицы измерения CSS).

Линк: что это и что значит link в интернете

Всемирная паутина (World Wide Web) состоит из множества веб-сайтов, внутренних страниц, файлов, связанных между собой. Найти и посетить эти источники легко с помощью линков, которые вводятся в браузер. Рассмотрим, что же такое «линк» в интернет-сленге, как он появился, из чего состоит и для чего нужен.

Что значит линк в интернет сленге?Что означает link?

Происхождение и значение слова

Термин «линк» произошло от английского слова «link» («соединять», «связывать»), что переводится как «ссылка».

Линк – это часть текста html, изображение или кнопка на веб-странице, нажатие на которую вызывает переход на другой сайт или в другую часть текущей записи.

Термин является синонимом слова «гиперссылка». Это упрощает поиск информации в сети, позволяя пользователям быстро переходить от одного документа к другому.

Из чего состоит, для чего используется

Линки в Интернете могут переадресовывать на:

  • URL-адрес стороннего веб-сайта;
  • внутренний раздел сайта;
  • анкор страницы.

URL-адрес используется для доступа к ресурсу. Он активируется путем введения в адресную строку браузера и нажатием Enter на клавиатуре. В результате, запрос перенаправляется на другой адрес ресурса и отображает его.

Что значит линк в интернет сленге?Структура URL

Ссылки часто содержатся на самих веб-страницах. В файлах HTML этот элемент называется «гиперссылка» («привязка», «анкор»). Она ссылается на новый ресурс или другой раздел в текущей записи с помощью привязки URL.

Гиперссылка выделяется по умолчанию синим или фиолетовым (после посещения) цветом, иногда с подчеркиванием, и активируется нажатием на этот фрагмент.

Что значит линк в интернет сленге?Пример гиперссылки

Виды: внешние и внутренние линки

В зависимости от характера связи между информационными ресурсами, различают два основных вида линков:

  1. Внешний – ссылка, направляющая посетителя на стороннюю площадку (ресурс с другим доменом). Внешние источники составляют структуру сети, т. к. все веб-страницы имеют адрес. Они часто включаются в статьи, размещаемые на биржах для продвижения (например, miralinks.ru). В языке гипертекстовой разметки HTML для их написания используется тег <link>;
  2. Внутренний – ссылка для перехода на другую страницу того же веб-ресурса или в другой раздел текущего документа (в одном корневом каталоге). Внутренние источники, также называемые «анкорами», составляют структуру веб-сайта, что облегчает поиск информации. В HTML для связи между элементами статьи используется тег <a>. Ссылки в начале этой статьи в Википедии https://ru.wikipedia.org/wiki/Интернет являются анкорами к подзаголовкам из содержания.

Линк – это легкий способ перемещения между сервисами в Интернете. Чтобы перейти от одного документа к другому, достаточно всего лишь нажать на ссылку – и вы уже просматриваете связанную информацию.

Внедрение CSS, тег link — Как создать сайт

Внедряем CSS-код, с помощью тега <link>

Урок №8
Внедряем CSS-код, с помощью тега

Рассмотрим третий способ внедрения CSS-кода в HTML-документ: Внедрение с помощью тега <link>

Итак, мы узнали что с помощью тегов <style> </style> можно изменять внешний вид тегов на одной странице, с помощью глобального атрибута style=" ", можно изменить внешний вид конкретного тега.

Но что делать, если нужно изменить внешний вид тегов на всех страницах сайта одновременно? Для этого, нам понадобится тег <link>, его нужно поместить в голову каждого HTML-документа. Тег <link> должен ссылаться на CSS-файл, для этого у него имеется атрибут href=" ".

Создайте на рабочем столе папку Мой сайт, в папке создайте три HTML-файла:
index.html
polyarnyi-volk.html
polyarnaya-sova.html
и один CSS-файл:
style.css

В HTML-файлах, разместите следующий HTML-код:
index.html


<!DOCTYPE html>
<html>
 <head>
  <title>Страница о снежном барсе</title>
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <h2>Снежный барс</h2>
  <p>
   Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства 
   кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии, 
   Казахстана, Кыргызстана, Китая, Монголии, Непала, Пакистана, России, 
   Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом, 
   относительно короткими лапами, небольшой головой и очень длинным хвостом. 
   Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг.
   Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными 
   пятнами.</p>
  <p>
   Охотится снежный барс, в основном, на горных козлов и баранов, также в его 
   рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности
   местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по 
   приблизительным оценкам их количество варьируется в районе около 10 тысяч 
   особей. По состоянию на 2013 год, охота на снежных барсов повсеместно
   запрещена.</p>

  <a href="index.html">Снежный барс</a>
  <a href="polyarnyi-volk.html">Полярный волк</a>
  <a href="polyarnaya-sova.html">Полярная сова</a>
 </body>
</html>

polyarnyi-volk.html


<!DOCTYPE html>
<html>
 <head>
  <title>Страница о полярном волке</title>
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <h2>Полярный волк</h2>
  <p>
   Полярный арктический волк - подвид волка. Обитает в Арктике и тундре, на
   обширных пространствах северных регионов, которые пять месяцев в году,
   погружены в темноту. Чтобы выжить, волк приспособился есть практически
   любой корм, который только попадается ему на пути.</p>
  <p>
   Полярные волки хорошо усвоились к жизни в Арктике: они могут годами
   жить при минусовой температуре, месяцами не видеть солнечного света и
   неделями оставаться без пищи. Длина волка составляет 100-150 см, высота
   в холке может достигать 100 см, а масса у самцов переваливает за 100 кг.
   Продолжительность жизни полярного волка около 7 лет. В его рацион входят:
   леминги, зайцы, овцебыки, олени и птицы.</p>
      
  <a href="index.html">Снежный барс</a>
  <a href="polyarnyi-volk.html">Полярный волк</a>
  <a href="polyarnaya-sova.html">Полярная сова</a> 
 </body>
</html>

polyarnaya-sova.html


<!DOCTYPE html>
<html>
 <head>
  <title>Страница о полярной сове</title>
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <h2>Полярная сова</h2>
  <p>
   Полярная сова (белая сова) птица из семейства совиных. Самая крупная птица, 
   из отряда совиных, в тундре. Голова у белой совы круглая, глаза жёлтые, 
   длина тела достигает 70 см, масса 3 кг, размах крыльев 165 см. Ареал 
   распространения - территория тундры: Евразия, Северная Америка, 
   Гренландия.</p>
  <p>
   Полярная сова обитает обычно в открытой местности, в лесах встречается 
   редко. Питается в основном, мелкими грызунами: леммингами, в год может 
   съесть более 1600 леммингов. Также в рацион совы входят зайцы, мелкие 
   хищники, птицы, рыба и даже падаль.</p>

  <a href="index.html">Снежный барс</a>
  <a href="polyarnyi-volk.html">Полярный волк</a>
  <a href="polyarnaya-sova.html">Полярная сова</a>       
 </body>
</html>

CSS-документ файла style.css, должен содержать следующий код:


h2 {
 color: red;
 }
p {
 color: blue;
}

Ваш сайт, состоящий из трёх страниц, должен выглядеть следующим образом.

Теперь, для того чтобы изменить цвет заголовка, абзаца, ссылки и т.д., сразу на всех страницах сайта, достаточно лишь внести изменения в одном файле: style.css

Давайте сделаем текст в абзацах p всех страниц, зелёным. Для этого в style.css, вместо значения blue, впишем значение green


p {
 color: green;
}

Теперь цвет текста в абзацах, всех страниц сайта, между тегами <p> </p> стал зелёным.

Задание: сделайте цвет ссылок а, оранжевым orange

Атрибут rel=» » и его значение stylesheet

Aтрибут rel=" " тега link указывает браузеру на то, какой тип файла будет загружаться в HTML-страницу, значение stylesheet указывает на то, что будет загружаться CSS-файл.

<link rel="stylesheet" href="style.css">

За три предыдущих урока, мы изучили три способа внедрения CSS-кода в HTML-документ:

  1. Внедрение с помощью атрибута, влияет на один тег, данный способ также еще называют встроенным
  2. Внедрение с помощью тегов <style> </style>, влияет на целую страницу, данный способ также еще называют внутренним
  3. Внедрение с помощью тега <lihk>, влияет на весь сайт, данный способ также еще называют внешним

Читать далее: Селекторы CSS основы


Дата публикации поста: 5 февраля 2016

Дата обновления поста: 16 октября 2014


Навигация по записям

link — Xiper.net

Автор: Евгений Рыжков Дата публикации: 14.01.2009

Тег <link> (с англ. ссылка) устанавливает связь с внешними документами, чаще всего с таблицами стилей.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<head>
<link/>
</head>

Атрибуты

Основные Вспомогательные События

charset определяет набор символов, используемый браузером для отображения страницы, на которую оказывает ссылка
class определяет имя используемого класса
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
disabled флаг. Определяет элемент как неактивный.
Отсутствует в спецификации HTML 4.01!
href URL подсоединяемого файла
hreflang определяет используемый язык в документе, на который указывает ссылка
id уникальный идентификатор
lang определяет язык отображаемого документа
media усторойство, для которого применяется стиль оформления
  • all — все устройства
  • braille — устройства для слепых на основе системы Брайля
  • screen — экран (по умолчанию)
  • print — устройство печати
  • projection — проектор
  • speech — синтезатор голоса
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
rel тип взаимосвязи текущего документа и подключаемого
  • stylesheet — указывает на файл, содержащий таблицу стилей (CSS) для текущего документа
  • home — указывает на заглавную страницу сайта
  • toc, contents — указывают на файл, содержащий оглавление документа
  • index — указывает на файл, содержащий информацию для индексного поиска по текущему документу
  • glossary — указывает на файл, содержащий перечень терминов, относящихся к текущему документу
  • copyright — указывает на страницу сайта, в которой говорится об авторских правах
  • child — указывает на «дочернюю» страницу
  • next — указывает на следующую страницу в последовательности документов
  • previous — указывает на предыдущую страницу в последовательности документов
  • last, end — указывает на последнюю страницу в последовательности документов
  • first — указывает на первую страницу в последовательности документов
  • help — указывает на страницу с подсказкой
rev определяем обратную связь целевого документа к текущему
style задает встроенную таблицу стилей
target имя окна или фрейма. В качестве аргумента используется имя окна или фрейма.
Зарезервированные имена:
  • _blank — откроет документ в новом окне
  • _parent — откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне.
  • _top — отменяет все фреймы и загружает страницу в полном окне браузера, если фремов нет, откроет в текущем окне
  • _self — откроет в текущем окне (по умолчанию)
title всплывающая подсказка
type MIME-тип объекта, указанного в параметре href

Пример

Подключаем файл стилей

<link href="css/main.css" rel="stylesheet" type="text/css" media="screen"/>

Рекомендации по использованию

  • в XHTML должен быть закрыт слешем (<link…/>)
  • должен располагается в секции <head>
  • обязательных атрибутов нет

Тег <link> может использоваться для предоставления дополнительной информации о документе, такой как:

  • для ссылок на альтернативные версии документа на других языках
  • для ссылок на альтернативные версии документа, разработанные для других носителей, Например, специальные версии для печати документов
  • для ссылок на начальную (конечную, следующую, предыдущую) страницу коллекции документов
  • подключения favicon.ico

Твой код:
<html> <head> <title></title> <link href=»css/main.css» rel=»stylesheet» type=»text/css» media=»screen»/> </head> <body> <div>…тело документа…</div> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *