HTML Атрибуты. Что, где, когда?

Расширяем возможности элементом html

Атрибуты

Короче говоря, я начал осваивать атрибуты!

• Атрибуты со значениями и атрибуты логические.
• Атрибуты универсальные, уникальные и атрибуты событий.

Атрибуты нужны для того, что бы расширять/менять свойства или возможности тегов. Например: дать имя или класс тегу, задать размеры изображению, выровнять текст или указать направления текста.

Синтаксис атрибутов со значениями:

1. <a href="https://www.waytoit.ru">Путь в IT</a>
2. <img scr="/images/logo.png">

Выделенное жирным курсивом и есть атрибуты. <тег атрибут="значение атрибута">.

Всё это атрибуты

Классификация атрибутов:

• Универсальные атрибуты подходят к любому элементу, такие как: lang, id, title and class.
• Уникальные атрибуты соответственно предназначены только для определенного тега, и их очень много.
• Атрибуты событий на сколько я понял, задействуют скрипты при определенных действиях пользователя. Делается это с помощью JavaScript.

Атрибуты логические и со значениями:

Выделен логический атрибут без значения

• Атрибуты со значением - это очевидно атрибуты, в которых есть значение. Капитан очевидность. Значение в пикселях, значение путь к файлу, значение, где располагается текст и т.д.

Синтаксис:

1. <тег атрибут="значение">...<тег>

(в не парных тегах тоже есть атрибуты со значениями? типа: <тег атрибут="значение">)

• Логические атрибуты - это атрибуты без значения снова кэп, они своим присутствием уже меняют логику элемента.

Синтаксис:

1. <тег атрибут>...</тег> - просто атрибут
2. <тег атрибут="">...</тег> - атрибут с пустым значением
3. <тег атрибут="атрибут">...<тег> - атрибут со значением этого же атрибута

Логические атрибуты можно писать в трёх разных вариантах, но считается, что лучше писать как последний вариант <тег атрибут="атрибут">...<тег>. В значение атрибута нужно вписать имя этого же атрибута.

Если тегу не назначить атрибут, ему присвоится его стандартный атрибут.

Спасибо! Sayonara✌