Довольно часто, просматривая исходный код многих HTML-страниц, можно видеть добавление к HTML-элементам двух атрибутов:. Например, давайте для элемента абзаца на странице добавим атрибут class и придумаем для него какое-нибудь значение. Добавление атрибута class или id, само по себе, никаких изменений во внешний вид элемента не вносит. Давайте в этом сейчас убедимся. Это чем-то похоже, когда в деревне каждую корову нумеруют специальной меткой, по которой ее потом можно будет отличить от других коров. Когда у вас на странице огромное количество одинаковых абзацев или др. Дав имя элементу с помощью атрибута class или id, вы отделяете какой-то абзац от всех остальных элементов на странице. Точно также можно выделить любой другой элемент на странице. Таким образом, добавляя элементам на веб-странице атрибуты id или class мы просто даем им имена. Теперь, когда у элемента есть имя, к нему можно обращаться и легко находить его среди других элементов. Этим успешно пользуются такие технологии как CSS и язык Javascript. С помощью значений этих атрибутов они легко находят нужный элемент в коде и производят с ним нужные действия. Дмитрий Ченгаев Занимаюсь веб-разработкой. Рабочие решения для создания и ведения эффективного сайта. Перейти к основному содержимому. Перейти к дополнительному содержимому. База знаний Список курсов Контакты Услуги Услуги веб-аналитики Услуги веб-разработки. Автор Дмитрий Ченгаев Занимаюсь веб-разработкой.
Атрибут id появился в HTML довольно давно с появлением CSS , но раньше он поддерживался ограниченным количеством тегов, а теперь он есть у всех. Поэтому, если на страницах описания каких-то тегов вы увидите логотип HTML 5 напротив атрибута, то знайте, что этот тег начал поддерживать атрибут id именно с версии HTML 5. Впрочем, таких тегов очень мало. С условиями использования материалов данного сайта вы можете ознакомиться на странице автора. Главная Новости Карта сайта Поддержать сайт Контакты. Теги HTML Общие атрибуты События HTML CSS справочник Спецсимволы HTML Цвета HTML Теги по алфавиту.
https://gist.github.com/9efb39c2a0eaa52ff82dd8cee1024b5c
https://gist.github.com/57b95e8b973a61770044853b5c3f8da2
https://gist.github.com/29b34bce3e34846901b580b6e7e2d671