<!-- Обозначение навигационного меню -->
<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>

<button class="disabled-btn">Нажми меня</button>

<style>
  .disabled-btn {
    background-color: gray;
    color: white;
    pointer-events: none; /* Элемент игнорирует клики */
    cursor: not-allowed;
  }
</style>

const text = "   Привет, мир!   ";

console.log(text.trim());   // "Привет, мир!"
console.log(text.trimStart()); // "Привет, мир!   "
console.log(text.trimEnd());   // "   Привет, мир!"

<button tabindex="2">Кнопка 2</button>
<button tabindex="1">Кнопка 1</button>
<button tabindex="3">Кнопка 3</button>

<p class="no-select">Этот текст нельзя выделить.</p>

<style>
  .no-select {
    user-select: none; /* Запрещает выделение текста */
  }
</style>

const text = "JS ";

// Повторяем строку 3 раза
console.log(text.repeat(3)); // "JS JS JS"

// Создаём разделитель
console.log("-".repeat(10)); // "----------"

<form autocomplete="on">
  <label>
    Имя:
    <input type="text" name="name" autocomplete="name">
  </label>
  <label>
    Email:
    <input type="email" name="email" autocomplete="email">
  </label>
</form>

<div class="box"></div>

<style>
  .box {
    width: 100%;
    aspect-ratio: 16 / 9; /* Соотношение 16:9 */
    background-color: lightblue;
  }
</style>

const arr = [10, 20, 30, 40, 50];
console.log(arr.slice(1, 4)); // [20, 30, 40]

const str = "JavaScript";
console.log(str.slice(0, 4)); // "Java"