Найти в Дзене
<Путь в IT/>

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

Оглавление
Расширяем возможности элементом 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