HTML Attributes
Атрибуты предоставляют дополнительную информацию о HTML-элементах.
Атрибуты HTML
- Все элементы HTML могут иметь атрибуты
- Атрибуты предоставляют Дополнительные сведения об элементе
- Атрибуты всегда указываются в начальном теге
- Атрибуты обычно поставляются в парах "имя/значение", например: name="value"
Атрибут href
HTML-ссылки определяются тегом <a>. Адрес ссылки указан в атрибуте href :
Пример
<a href="https://html5css.ru">Это ссылка</a>
Вы узнаете больше о ссылках и <a> тег далее в этом учебнике.
Атрибут src
HTML-образы определяются тегом <img>.
Имя файла источника изображения указывается в атрибуте src :
Example
<img src="img_girl.jpg">
Атрибуты ширины и высоты
Изображения в HTML имеют набор атрибутов size, который определяет ширину и высоту изображения:
Пример
<img src="img_girl.jpg" width="500" height="600">
Размер изображения указан в пикселях: width="500", означает 500 пикселей в ширину.
Вы узнаете больше об изображениях в наших HTML-изображениях Глава.
The alt Attribute
Атрибут alt указывает альтернативный текст, который будет использоваться, когда изображение не может быть отображено.
Значение атрибута может быть прочитано программами чтения с экрана. Таким образом, кто-то "прослушивание" на веб-странице, например, слепой человек, может "слышать" элемент.
Пример
<img src="img_girl.jpg" alt="Girl
with a jacket">
Атрибут alt также полезен, если изображение не существует:
Пример
Посмотрите, что произойдет, если мы попытаемся отобразить изображение, которое не существует:
<img src="img_typo.jpg" alt="Girl
with a jacket">
Атрибут style
Атрибут style используется для указания стиля элемента, например цвета, шрифта, размера и т. д.
Пример
<p style="color:red">I am a paragraph</p>
Вы узнаете больше о стилизации позже в этом учебнике, и в нашем Учебник по CSS.
Атрибут lang
Язык документа может быть объявлен в теге <html> .
Язык объявляется с атрибутом lang.
Объявление языка важно для приложений специальных возможностей (программы чтения с экрана) и поисковых систем:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Первые две буквы указывают язык (EN). Если есть диалект, используйте еще две буквы (US).
Атрибут Title
Здесь атрибут title добавляется к элементу <p> .
Значение атрибута Title будет отображаться в виде подсказки при наведении указателя мыши на абзац:
Пример
<p title="I'm a tooltip">
This is a paragraph.
</p>
Мы предлагаем: использование атрибутов нижнего регистра
Для стандарта HTML5 не требуются имена атрибутов в нижнем регистре.
Атрибут Title может быть написан с прописными или строчными буквами, например Title или Title.
W3C рекомендует строчные буквы в HTML и требует строчные для более строгих типов документов, таких как XHTML.
В html5css.ru Мы всегда используем строчные имена атрибутов.
Мы рекомендуем: цитировать значения атрибутов
Стандарт HTML5 не требует кавычек вокруг значений атрибутов.
hrefатрибут, показанный выше, может быть написан без кавычек:
Bad
<a
href=https://html5css.ru>
Хорошо
<a href="https://html5css.ru">
W3C рекомендует котировки в HTML и требует цитаты для более строгих типов документов, таких как XHTML.
Иногда необходимо использовать кавычки. Этот пример не будет отображать атрибут Title правильно, поскольку он содержит пробел:
Пример
<p
title=About Html5css.ru>
Наиболее часто используются кавычки. Пропуск кавычек может привести к ошибкам.
В html5css.ru мы всегда используем кавычки вокруг значений атрибутов.
Одинарные или двойные кавычки?
Двойные кавычки вокруг значений атрибутов являются наиболее распространенными в HTML, но также можно использовать одинарные кавычки.
В некоторых ситуациях, когда само значение атрибута содержит двойные кавычки, необходимо использовать одинарные кавычки:
<p title='John "ShotGun" Nelson'>
Или наоборот:
<p title="John 'ShotGun' Nelson">
Глава резюме
- Все элементы HTML могут иметь атрибуты
- Атрибут
titleпредоставляет дополнительную информацию о "инструмент-TIP" - Атрибут
hrefпредоставляет адресную информацию для ссылок - Атрибуты
widthиheightпредоставляют информацию о размере для изображений - Атрибут
altпредоставляет текст для чтения с экрана - В html5css.ru Мы всегда используем имена атрибутов нижнего регистра
- В html5css.ru Мы всегда цитировать значения атрибутов с двойными кавычками
Атрибуты HTML
Ниже приведен алфавитный список некоторых атрибутов, часто используемых в HTML:
| Атрибут | Описание |
|---|---|
| alt | Задает альтернативный текст для изображения, когда изображение не может быть отображено |
| disabled | Указывает, что входной элемент должен быть отключен |
| href | Указывает URL-адрес для ссылки |
| id | Задает уникальный идентификатор для элемента |
| src | Указывает URL-адрес для изображения |
| style | Задает встроенный стиль CSS для элемента |
| title | Указывает дополнительные сведения об элементе (отображается как всплывающая подсказка) |
Полный список всех атрибутов для каждого элемента HTML приведен в нашем: Ссылка на атрибуты HTML.