- HTML Атрибут src
- Синтаксис
- Значения
- Значение по умолчанию
- Применяется к тегам
- Отличия HTML 4.01 от HTML 5
- Примеры использования:
- Атрибут src (Элемент )
- Пример HTML:
- Атрибут src (Элемент )
- Пример HTML:
- Атрибут src (Элемент )
- Пример HTML:
- Атрибут src (Элемент )
- Пример HTML:
- Атрибут src (Элемент )
- Пример HTML:
- Атрибут src (Элемент )
- Пример HTML:
- Атрибут src (Элемент )
- Пример HTML:
- Атрибут src (Элемент )
- Пример HTML:
- Атрибут src (Элемент )
- Пример HTML:
- Поддержка браузерами
- Спецификации
- HTML Tag
- Browser Support
- Attributes
- Html img src action
- Синтаксис
- Атрибуты
- Закрывающий тег
- Поддержка браузеров
- Атрибуты
- Html img src action
- Синтаксис
- Атрибуты
- Закрывающий тег
HTML Атрибут src
Атрибут src (от англ. «source» — «источник») указывает местоположение (URL) внешнего ресурса (изображения, файла или страницы) на который ссылается тег.
Синтаксис
Значения
Значением выступает URL-адрес документа — относительный или абсолютный.
Значение по умолчанию
Применяется к тегам
Отличия HTML 4.01 от HTML 5
Примеры использования:
Атрибут src (Элемент )
В примере определяется файл в формате OGG. Данный код будет успешно работать в браузерах Firefox, Chrome и Opera. Чтобы аудиофайл воспроизводился в браузерах Internet Explorer и Safari, он должен быть в формате MP3:
Пример HTML:
Атрибут src (Элемент )
Чтобы код работал во всех браузерах, используйте тег внутри тега . Элемент позволяет ссылаться на несколько аудиофайлов. В этом случае браузер будет использовать первый подходящий аудиофайл:
Пример HTML:
Атрибут src (Элемент )
Браузер анализирует расширение файла и решает по нему, какой плагин или внешняя программа требуется для отображения файла:
Пример HTML:
Атрибут src (Элемент )
Атрибут src указывает адрес файла, который будет загружаться во фрейм. Это может быть HTML-документ, изображение или серверная программа. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение.
Пример HTML:
Атрибут src (Элемент )
Атрибут src определяет местонахождение (URL) изображения.
Во время загрузки страницы браузер также загружает изображения и вставляет их в код страницы. Если по указанному URL изображение не будет найдено, то браузер вставит на его место иконку «битой» или недостоверной ссылки.
Пример HTML:
Атрибут src (Элемент )
Атрибут src определяет местонахождение (URL) изображения для элемента ввода.
Атрибут src является обязательным для и может использоваться только с .
Пример HTML:
Атрибут src (Элемент )
Атрибут src определяет местонахождение (URL) внешнего файла скрипта.
Файлы со скриптами обычно имеют расширение .js и могут размещаться в любом доступном месте.
Преимуществ использования внешних файлов со скриптом несколько. Внешний файл после первого обращения сохраняется в кэше браузера и при последующих вызовах загружается быстрее. Кроме того, вызываемые функции удобно править в одном месте и код проще контролировать. Это особенно актуально, когда несколько веб-страниц используют одни и те же скрипты.
Пример HTML:
Атрибут src (Элемент )
Атрибут src является обязательным для элемента . Он определяет местонахождение (URL) текстовой дорожки для медиафайла.
Пример HTML:
Атрибут src (Элемент )
Атрибут src указывает путь к воспроизводимому видеоролику. Для этой же цели можно использовать элемент .
Пример HTML:
Поддержка браузерами
Атрибут src имеет следующую поддержку браузерами для каждого элемента:
Элемент | ||||||
9+ | 3+ | 10.5+ | Да+ | 3.1+ | 3.5+ | |
3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ | |
4+ | 1+ | 4+ | 1+ | 1+ | 1+ | |
1+ | 1+ | 1+ | 1+ | 1+ | 1+ | |
2+ | 1+ | 1+ | 1+ | 1+ | 1+ | |
3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ | |
9+ | 8+ | 10.5+ | Да | 4+ | 3.5+ | |
10+ | 18+ | 10.5+ | Да | 4+ | 31+ | |
9+ | 4+ | 11.5+ | Да+ | 4+ | 3.5+ |
Элемент | ||||
2.3+ | 3.5+ | 11+ | 3.2+ | |
1+ | 1+ | 6+ | 1+ | |
1+ | 1+ | 6+ | 1+ | |
1+ | 1+ | 4+ | 1+ | |
1+ | 1+ | 6+ | 1+ | |
1+ | 1+ | 6+ | 1+ | |
2+ | 3.5+ | 11+ | 4+ | |
2+ | 3.5+ | 11+ | 4+ | |
2.1+ | 3.5+ | 12+ | 3.2+ |
Спецификации
HTML Tag
The tag is used to embed an image in an HTML page.
Images are not technically inserted into a web page; images are linked to web pages. The tag creates a holding space for the referenced image.
The tag has two required attributes:
- src — Specifies the path to the image
- alt — Specifies an alternate text for the image, if the image for some reason cannot be displayed
Note: Also, always specify the width and height of an image. If width and height are not specified, the page might flicker while the image loads.
Tip: To link an image to another document, simply nest the tag inside an tag (see example below).
Browser Support
Attributes
Attribute | Value | Description |
---|---|---|
alt | text | Specifies an alternate text for an image |
crossorigin | anonymous use-credentials | Allow images from third-party sites that allow cross-origin access to be used with canvas |
height | pixels | Specifies the height of an image |
ismap | ismap | Specifies an image as a server-side image map |
loading | eager lazy | Specifies whether a browser should load an image immediately or to defer loading of images until some conditions are met |
longdesc | URL | Specifies a URL to a detailed description of an image |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | Specifies which referrer information to use when fetching an image |
sizes | sizes | Specifies image sizes for different page layouts |
src | URL | Specifies the path to the image |
srcset | URL-list | Specifies a list of image files to use in different situations |
usemap | #mapname | Specifies an image as a client-side image map |
width | pixels | Specifies the width of an image |
Html img src action
Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src . Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег в контейнер . При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border=»0″ в тег .
Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.
Синтаксис
Атрибуты
align Определяет как рисунок будет выравниваться по краю и способ обтекания текстом. alt Альтернативный текст для изображения. border Толщина рамки вокруг изображения. height Высота изображения. hspace Горизонтальный отступ от изображения до окружающего контента. ismap Говорит браузеру, что картинка является серверной картой-изображением. longdesc Указывает адрес документа, где содержится аннотация к картинке. lowsrc Адрес изображения низкого качества. src Путь к графическому файлу. vspace Вертикальный отступ от изображения до окружающего контента. width Ширина изображения. usemap Ссылка на тег , содержащий координаты для клиентской карты-изображения.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Lorem ipsum dolor sit amet.
HTML Тег
Тег используется для встраивания изображения в HTML страницу.
Изображения технически не вставляются на веб страницу; изображения связаны с веб страницами. Тег создает удерживающее пространство для ссылочного изображения.
Тег имеет два обязательных атрибута:
- src — Указывает путь к изображению
- alt — Задает альтернативный текст для изображения, если изображение по какой-либо причине не может быть отображено
Примечание: Кроме того, всегда указывайте ширину и высоту изображения. Если ширина и высота не указаны, страница может мерцать во время загрузки изображения.
Совет: Чтобы связать изображение с другим документом, просто вложите тег в тег (см. пример ниже)
Поддержка браузеров
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
alt | text | Задает альтернативный текст для изображения |
crossorigin | anonymous use-credentials | Разрешить использование изображений со сторонних сайтов, разрешающих кросс-исходный доступ, с canvas |
height | pixels | Задает высоту изображения |
ismap | ismap | Задает изображение в качестве карты изображений на стороне сервера |
longdesc | URL | Задает URL для подробного описания изображения |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | Указывает, какие ссылки следует использовать при извлечении изображения |
sizes | sizes | Задает размеры изображений для различных макетов страниц |
src | URL | Указывает путь к изображению |
srcset | URL | Указывает путь к изображению, который будет использоваться в различных ситуациях |
usemap | #mapname | Задает изображение в качестве карты изображений на стороне клиента |
width | pixels | Задает ширину изображения |
Html img src action
Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src . Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег в контейнер . При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border=»0″ в тег .
Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.
Синтаксис
Атрибуты
align Определяет как рисунок будет выравниваться по краю и способ обтекания текстом. alt Альтернативный текст для изображения. border Толщина рамки вокруг изображения. height Высота изображения. hspace Горизонтальный отступ от изображения до окружающего контента. ismap Говорит браузеру, что картинка является серверной картой-изображением. longdesc Указывает адрес документа, где содержится аннотация к картинке. lowsrc Адрес изображения низкого качества. src Путь к графическому файлу. vspace Вертикальный отступ от изображения до окружающего контента. width Ширина изображения. usemap Ссылка на тег , содержащий координаты для клиентской карты-изображения.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Lorem ipsum dolor sit amet.