Тег a
HTML5CSS.ru
ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
❮Назад Полный HTML Ссылки Дальше ❯
Пример
Ссылку на html5css.ru:
<a href=»https://html5css.ru»>Visit html5css.ru!</a>
Подробнее примеры ниже.
Определение и использование
Тег <a> определяет гиперссылку, которая используется для связи с одной страницы на другую.
Наиболее важным атрибутом элемента <a> является атрибут href, указывающий назначение ссылки.
По умолчанию ссылки будут выглядеть следующим образом во всех браузерах:
- Непосещаемая ссылка подчеркнута и синяя
- Посещаемая ссылка подчеркнута и пурпурная
- Активная ссылка подчеркнута и красная
Поддержка браузера
Элемент | |||||
---|---|---|---|---|---|
<a> | Да | Да | Да | Да | Да |
Советы и примечания
Совет:Следующие атрибуты: Загрузка, hreflang, мультимедиа, rel, Target и Type не могут присутствовать, если атрибут href не присутствует.
Совет:Связанная страница обычно отображается в текущем окне обозревателя, если не указан другой целевой объект.
Совет:Используйте CSS для стиля ссылок: CSS ссылка на учебник и CSS кнопки учебник
Различия между HTML 4,01 и HTML5
В HTML 4,01 тег < a > может быть либо гиперссылкой, либо якорем. В HTML5 тег <a> всегда является гиперссылкой, но если он не имеет атрибута href, он является только местозаполнителем для гиперссылки.
HTML5 имеет некоторые новые атрибуты, и некоторые атрибуты HTML 4,01 больше не поддерживаются.
Атрибуты
= Новинка в HTML5.
Атрибут | Значение | Описание |
---|---|---|
charset | char_encoding | Не поддерживается в HTML5. Задает набор символов связанного документа |
coords | coordinates | Не поддерживается в HTML5. Задает координаты ссылки |
download | filename | |
href | URL | Указывает URL-адрес страницы, на которую переходит ссылка |
hreflang | language_code | Указывает язык связанного документа |
media | media_query | Указывает, какие носители/устройства оптимизированы для связанного документа |
name | section_name | Не поддерживается в HTML5.![]() Задает имя привязки |
ping | list_of_URLs | Указывает список URL-адресов, разделенных пробелами, к которым, после ссылки, запросы POST с телом ping будут отправляться браузером (в фоновом режиме). Обычно используется для отслеживания. |
rel | alternate author bookmark external help license next nofollow noreferrer noopener prev search tag | Указывает связь между текущим документом и связанным документом |
rev | text | Не поддерживается в HTML5. Указывает связь между связанным документом и текущим документом |
shape | default rect circle poly | Не поддерживается в HTML5. Задает форму ссылки |
target | _blank _parent _self _top framename | Указывает, где открыть связанный документ |
type | media_type | Указывает тип носителя связанного документа |
Глобальные атрибуты
Тег <a> также поддерживает Глобальные атрибуты в HTML.
Атрибуты события
Тег <a> также поддерживает Атрибуты событий в HTML.
❮Назад Полный HTML Ссылки Дальше ❯
Популярное
html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
Copyright 2018-2020 HTML5CSS.ru
Правила и Условия Политика конфиденциальности О нас Контакты
Тег img
HTML5CSS.ru
ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
❮Назад Полный HTML Ссылки Дальше ❯
Пример
Как вставить изображение:
<img src=»smiley.gif» alt=»Smiley face»>
Подробнее примеры ниже.
Определение и использование
Тег <img> определяет изображение в HTML-странице.
Тег <img> имеет два обязательных атрибута: src и alt.
Примечание: Изображения технически не вставлены в страницу HTML, изображения соединены к страницам HTML. Тег <img> создает пространство для хранения указанного изображения.
Совет: Чтобы связать изображение с другим документом, просто вложить тег <img> в теги <a>.
Поддержка браузера
Элемент | |||||
---|---|---|---|---|---|
<img> | Да | Да | Да | Да | Да |
Различия между HTML 4,01 и HTML5
Следующие атрибуты: выравнивание, граница, хспаце и vSpace являются навестить поддерживается в HTML5.
Различия между HTML и XHTML
В HTML тег <img> не имеет конечного тега.
В XHTML тег <img> должен быть правильно закрыт.
Атрибуты
= Новое в HTML5.
Атрибут | Значение | Описание |
---|---|---|
align | top bottom middle left right | Не поддерживается в HTML5.![]() Задание выравнивания изображения в соответствии с окружающими элементами |
alt | text | Задает альтернативный текст для изображения |
border | pixels | Не поддерживается в HTML5. Задает ширину границы вокруг изображения |
crossorigin | anonymous use-credentials | Разрешить использование изображений с веб-сайтов сторонних производителей для использования с Canvas |
height | pixels | Задает высоту изображения |
hspace | pixels | Не поддерживается в HTML5. Указывает пробелы в левой и правой части изображения |
ismap | Определяет изображение как серверное изображение-Map | |
longdesc | URL | Задает URL-адрес для подробного описания изображения |
sizes | Определяет размеры изображения для различных макетов страниц | |
src | URL | Указывает URL-адрес изображения |
srcset | URL | Указывает URL-адрес изображения для использования в различных ситуациях |
usemap | #mapname | Указывает изображение в виде клиентского изображения-карты |
vspace | pixels | Не поддерживается в HTML5.![]() Указывает пробелы в верхней и нижней части изображения |
width | pixels | Задает ширину изображения |
Глобальные атрибуты
Тег <img> также поддерживает Глобальные атрибуты в HTML.
Атрибуты события
Тег <img> также поддерживает Атрибуты событий в HTML.
Попробуйте примеры
Вставка изображений из разных местоположений
Вставка изображений из другой папки или с другого веб-узла.
Сделать гиперссылку изображения
Как добавить гиперссылку на изображение.
Создание карты изображений
Как создать карту изображения с щелчком областей. Каждый регион является гиперссылкой.
Похожие страницы
HTML Учебник: HTML Images
HTML DOM Ссылки: Image Object
CSS Учебник: Styling Images
Параметры CSS по умолчанию
В большинстве обозревателей элемент <img> будет отображаться со следующими значениями по умолчанию:
Пример
img {
display: inline-block;
}
❮Назад Полный HTML Ссылки Дальше ❯
Популярное
html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы
Copyright 2018-2020 HTML5CSS.
Правила и Условия Политика конфиденциальности О нас Контакты
Рекламные объявления
Тема: Теги HTML5 ReferencePrev|Next
Описание
Элемент