Учебник по элементам рисунка HTML5
Элемент фигуры
На этой странице мы обсудили описание, использование, атрибуты, пример и результат, совместимость HTML5-элемента рисунка.
Элемент рисунка HTML представляет изображение, иллюстрацию, диаграмму или фрагмент кода. Часто элемент рисунка сопровождается элементом figcaption.
использование
<! - использование рисунка -> <Цифра> <img src = "picture.jpg" alt = "Пример изображения"> </ Цифра> <! - Использование рисунка с figcaption -> <Цифра> <img src = "picture.jpg" alt = "Пример изображения"> <figcaption> Заголовок для примера изображения </ figcaption> </ Цифра>
Примечательные особенности элемента фигуры
| Какой вид контента может находиться в элементе рисунка | Элемент figcaption , за которым следует содержимое потока; или содержимое потока, за которым figcaption элемент figcaption . |
| Требуются ли начальный и конечный теги | Да, и начальный тег, и конечный тег являются обязательными. |
| Какие элементы могут содержать элемент фигуры | Любой элемент, который принимает элементы потока. |
Атрибуты
Этот элемент не имеет других атрибутов, кроме глобальных атрибутов , общих для всех элементов.
Пример:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Example HTML5 figure element</title>
</head>
<body>
<figure>
<img src="/images/w3logo5.gif" alt="logo">
<figcaption>This is the logo of w3resource.com </figcaption>
</figure>
</body>
</html>
Совместимость
| Особенность | Хром | Firefox (Геккон) | Internet Explorer | опера | Сафари |
|---|---|---|---|---|---|
| Базовая поддержка | (Поддерживается) | 4.0 (2.0) | 9,0 | 11,0 | 4,0 |
Предыдущий: HTML5 вставка Элемент Учебник
Далее: HTML5 Учебник по тегу Figcaption
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code