Что такое src и как его использовать?

src (от английского слова "source", что в переводе означает источник) - это атрибут или свойство элемента HTML, который указывает путь к исходному коду (файлу) для загрузки и отображения веб-страницы. Оно используется для указания URL-адреса файла, такого как изображение, скрипт или стилевой файл, который должен быть встроен или связан с конкретным элементом HTML.

Примеры использования атрибута src в различных контекстах:

1. Использование src для изображений:

   <img src="image.jpg" alt="Описание изображения">

   В этом примере атрибут src указывает на файл изображения "image.jpg", который должен быть загружен и отображен на веб-странице. Атрибут alt содержит альтернативный текст, который будет отображаться, если изображение не найдено или не может быть загружено.

2. Использование src для скриптов:

   <script src="script.js"></script>

   В данном случае атрибут src определяет путь к файлу скрипта "script.js", который будет загружен и выполнен браузером. Скрипт может содержать JavaScript-код, который добавляет интерактивность и функциональность к веб-странице.

3. Использование src для стилей:

   <link rel="stylesheet" type="text/css" href="styles.css">

   В этом примере атрибут src определяет путь к файлу стилей "styles.css", который будет связан с текущей веб-страницей. Файл стилей содержит CSS-код, который определяет внешний вид и оформление элементов HTML на странице.

4. Использование src для фреймов и ифреймов:

   <iframe src="http://example.com"></iframe>

   В данном случае атрибут src указывает на URL-адрес веб-страницы "http://example.com", которая будет загружена и отображена во фрейме или ифрейме. Таким образом, можно встроить другую веб-страницу в текущую страницу.

Как видно из примеров, атрибут src играет важную роль в загрузке различных ресурсов на веб-страницу. Правильное использование этого атрибута помогает улучшить производительность и функциональность веб-приложений. Обратите внимание, что указанные примеры используются для иллюстрации и могут быть дополнены или изменены в зависимости от конкретной задачи или требований.