Атрибут rel
Атрибут rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.
Синтаксис
Значения
alternate Альтернативный тип, используется, к примеру, для указания ссылки на файл в формате XML для описания ленты новостей, анонсов статей. author Указывает ссылку на автора текущего документа или статьи. help Указывает ссылку на контекстно-зависимую справку. icon Адрес картинки, которая символизирует текущий документ или сайт. license Сообщает, что основное содержание текущего документа распространяется по лицензии, описанной в указанном документе. next Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на следующий документ. prev Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на предыдущий документ. search Указывает ссылку на ресурс, который применяется для поиска по документу или сайту. stylesheet Определяет, что подключаемый файл хранит таблицу стилей (CSS).
Значение по умолчанию
Пример
Браузеры
| 3 | 12 | 1 | 4 | 1 | 1 |
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Атрибут rel
Атрибут rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.
Синтаксис
Значения
stylesheet Определяет, что подключаемый файл хранит таблицу стилей (CSS). alternate Альтернативный тип, используется, к примеру, для указания ссылки на файл в формате XML для описания ленты новостей, анонсов статей.
Значение по умолчанию
HTML5 IE Cr Op Sa Fx
Тег LINK, атрибут rel .
Статьи по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Что такое HTML
Привет! Здорово, что вы хотите познакомиться с вёрсткой сайтов! Эта часть как раз посвящена созданию веб-страниц.
Самый лучший способ начать что-то изучать — это поменять код и посмотреть, что получится! Вам повезло, ведь как раз сейчас у нас под рукой оказался работающий сайт, с которым можно поэкспериментировать.
Если уж что-то менять, то менять по-крупному, чтобы нанесённый урон изменения были максимальными. Так что для начала удалите эту строку, а потом разберёмся, что это было:
Ну, поехали! Удалите кусок кода в редакторе слева и посмотрите, что изменится в мини-браузере справа.
Я Кекс, а это HTML Academy — школа с глубокой специализацией во фронтенде. Глубже только Байкал.
Подключение внешних стилей
Это задание архивной части. Перейдите по ссылке, чтобы пройти актуальную часть.
Чаще всего стили подключают из внешнего файла с расширением .css . Для этого используется тег . Например:
В атрибуте href задают адрес файла, а атрибут rel=»stylesheet» говорит браузеру, что мы подключаем стили, а не что-то другое.
Лучше подключать стили внутри , но это необязательно. Тег будет работать и в другом месте страницы.
В этом задании вы подключите внешний стилевой файл, который расположен по адресу external.css (перейдите по ссылке, чтобы открыть этот файл в браузере).
Перейти к заданию
- index.html Сплит-режим
Внешние стили
Внешние стили намного удобнее встроенных, так как вы можете подключить один и тот же файл стилей ко множеству страниц.
Если понадобится внести в стили изменения, то вы меняете один файл, а изменения появляются на всех страницах, где он подключен.
Со встроенными стилями в этом случае пришлось бы повозиться.
Проверить на сервере Проверка проводилась слишком много времени, попробуйте ещё разок Показать ответ
Спасибо! Мы скоро всё исправим)