⚙️Тег <noscript> используется для отображения контента, если JavaScript отключен в браузере. Он позволяет предоставить альтернативное содержимое или сообщение для пользователей, которые не могут или не хотят использовать JavaScript.

Пример:

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

- Контент внутри <noscript> отображается только при отключенном JavaScript.
- Часто используется для информирования пользователей или предоставления базовой функциональности без JavaScript.

CodeBase | Frontend | #Основы

➡️ Атрибут srcset используется для указания нескольких версий изображения с разным разрешением, чтобы браузер мог выбрать наиболее подходящее в зависимости от размера экрана и плотности пикселей.

<img src="image-default.jpg"
     srcset="image-small.jpg 480w, image-medium.jpg 800w, image-large.jpg 1200w"
     sizes="(max-width: 600px) 480px, (max-width: 900px) 800px, 1200px"
     alt="Example image">

В этом примере srcset содержит три версии изображения с указанием их ширины в пикселях. Атрибут sizes определяет, какое изображение использовать в зависимости от ширины экрана. Это улучшает производительность и адаптивность веб-страниц.

CodeBase | Frontend | #Основы

⚙️ CDN (Content Delivery Network) помогает ускорить загрузку HTML-страниц за счет распределения статических ресурсов (CSS, JavaScript, изображения) по серверам, расположенным ближе к пользователю.

Для подключения CDN достаточно заменить локальные ссылки на файлы на URL-адреса, предоставляемые CDN. Например, для Bootstrap:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

Использование CDN уменьшает нагрузку на сервер и ускоряет доставку контента, так как файлы кэшируются и загружаются с ближайшего сервера сети.

CodeBase | Frontend | #Основы

⚙️ Что такое атрибут multiple в HTML и зачем он используется?

Атрибут multiple позволяет выбирать сразу несколько значений в элементах <select>, а также прикреплять несколько файлов в <input type="file">.

➡️ Пример:

<form>
  <label>
    Выберите теги:
    <select multiple>
      <option>Python</option>
      <option>JavaScript</option>
      <option>HTML</option>
    </select>
  </label>

  <label>
    Загрузите файлы:
    <input type="file" multiple>
  </label>
</form>

🗣️ Почему полезно:

• Дает пользователю больше гибкости при выборе
• Экономит время при загрузке нескольких файлов
• Удобно в фильтрах, тегах, списках

multiple — простой способ сделать выбор и загрузку многозначными без сложного JS.

CodeBase | Frontend | #Основы