Чаще всего используется для blur-эффекта в модальных окнах и стеклянных интерфейсах

<div class="card">Контент</div>

<style>
  body {
    background: url(bg.jpg) no-repeat center / cover;
  }

  .card {
    width: 300px;
    padding: 20px;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
  }
</style>

backdrop-filter позволяет создавать современные UI-эффекты без изображений и JS, но требует полупрозрачного фона и поддержки браузером

Возвращает true или false и не изменяет исходный массив

Метод includes() в JavaScript и как он используется

Метод includes() проверяет, содержится ли элемент в массиве.
Возвращает true или false и не изменяет исходный массив

includes() — простой и выразительный способ писать понятные проверки без лишней логики

<noscript>
  <p>Please enable JavaScript to use this website.</p>
</noscript>

<!-- Обозначение навигационного меню -->
<nav role="navigation">
  <ul>
    <li><a href="#">Главная</a></li>
    <li><a href="#">О нас</a></li>
  </ul>
</nav>

<!-- Определение элемента как диалогового окна -->
<div role="dialog" aria-labelledby="dialog-title">
  <h2 id="dialog-title">Подтвердите действие</h2>
  <button>ОК</button>
</div>

Это современная замена margin для управления отступами между, а не вокруг элементов

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>

<style>
  .container {
    display: flex;
    gap: 16px;
  }

  .item {
    padding: 10px;
    background: #007bff;
    color: white;
  }
</style>

Возвращает true, если условие выполняется для каждого элемента, иначе false.

const numbers = [2, 4, 6, 8];

const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // true

every() часто используют для проверки массивов перед отправкой данных на сервер