php (149)
js (116)
html (35)
php функция (23)
php время (22)
js событие (22)
php operator (18)
html атрибут (16)
css (14)
функция date (14)
js slice (13)
php массив (12)
js массив (12)
js метод (12)
различия (11)
html тег (10)
js date (9)
form (9)
Показать еще :
js строка (8)
php файл (7)
онлайн (7)
php тип (6)
js получить (6)
php неделя (6)
type значение (6)
jsphp (6)
селектор (6)
каркас страницы (5)
шифрование (5)
файл (5)
js функция (5)
php шифрование (5)
php сортировка (5)
input (5)
js число (4)
php месяц (4)
js удалить (4)
php img (4)
js замена (4)
id (4)
движок сайта (4)
php переменная (3)
php условие (3)
загрузка (3)
int (3)
php путь (3)
js файл (3)
warning (3)
js replace (3)
хостинг (3)
button (3)
js тип (3)
php константы (3)
php год (3)
js цикл (3)
php post (3)
js value (3)
display (2)
php метод (2)
php include (2)
папка (2)
делаем сайт (2)
php get (2)
info (2)
тип файл (2)
окна (2)
xml (2)
тип в input (2)
js сортировка (2)
php проверка (2)
xhr (2)
js оператор (2)
radio (1)
домен (1)
о сайте (1)
js document (1)
js post (1)
php ошибки (1)
сделать сайт (1)
браузер (1)
js тег (1)
js проверка (1)
проверка (1)
php global var (1)
iframe (1)
тип radio (1)
консоль (1)
кавычки (1)
$ server (1)
checkbox (1)
placeholder (1)
php значение (1)
js переменная (1)
php оператор (1)
js время (1)
См. интсрукция по ruweb.
Какая разница между атрибутом и селектором
25.02.2026 20:55 / Марат / Смотрели : 108 / селектор | html_атрибут | различия |"Различия между атрибутом и селектором". "Какая разница между атрибутом и селектором"
Атрибут(атрибут) — часть HTML‑разметки: дополнительная информация об элементе (например, id="header").
Селектор(селектор) — часть CSS‑кода: инструмент для выбора элементов, к которым нужно применить стили (например, #header { ... }).
Разница между атрибутом и селектором
-
В чем же разница между атрибутом и селектором!?
Атрибут — это «метка» или «свойство» элемента в HTML. Он существует только в разметке и задаёт метаданные (кто этот элемент, к какой группе относится, откуда взять контент и т. д.).
Селектор — это «инструмент поиска» в CSS. Он находит элементы по их атрибутам, тегам или другим признакам и задаёт им оформление.
Атрибут описывает элемент в Html.
Селектор выбирает элемент для стилизации в Css.
| Критерий | Атрибут (HTML) | Селектор (CSS) |
|---|---|---|
| Язык | HTML | CSS |
| Назначение | Добавляет метаданные или свойства элементу: идентификатор, класс, источник файла, ссылку и т. д. | Выбирает элементы на странице для применения стилей (цвет, размер, отступы и т. п.) |
| Место расположения | Внутри открывающего HTML‑тега | Перед блоком объявлений в CSS ({ ... }) |
| Синтаксис | имя_атрибута="значение" (например, class="menu", id="main") | Зависит от типа: — по тегу: p; — по классу: .menu; — по id: #main; — по атрибуту: [type="text"] |
| Уникальность | Для id обязательна на странице; для class может повторяться | Автоматически выбирает элементы по заданным правилам (уникальность не декларируется отдельно) |
| Специфичность | Не имеет (это просто свойство элемента) | Имеет вес, влияющий на приоритет стилей (например, #id > .class > tag) |
| Взаимодействие с JS | Да, напрямую (например, element.getAttribute('id'), element.id) | Нет (селектор — только для CSS) |
| Примеры использования | <img src="photo.jpg" alt="Описание"><br><br><a href="/about">О нас</a> | css<br>img { max-width: 100%; }<br>.menu { background: #eee; }<br>#main { padding: 20px; }<br>[type="text"] { border: 1px solid; }<br> |
| Роль в документе | Определяет структуру и семантику страницы | Отвечает за визуальное оформление |
Всего комментариев : Comments+ 2.0
1000
+
=
Последнние комментарии:
Написал поиск... не стал копировать с "dwweb.ru" уж больно там всего...