Браузер |
 Internet Explorer |
 Chrome |
 Opera |
 Safari |
 Firefox |
||||||||||||||||
Версия |
6.0 |
7.0 |
8.0 |
9.0 |
2.0 |
3.0 |
4.0 |
5.0 |
9.2 |
9.6 |
10 |
10.5 |
2.0 |
3.1 |
4.0 |
5.0 |
2.0 |
3.0 |
3.6 |
4.0 |
|
Поддержка |
 |
|
|
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| HTML: | 3.2 | 4.01 | 5.0 |
| XHTML: | 1.0 | 1.1 |
<figure>
<figcaption>Описание</figcaption>
</figure><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег FIGCAPTION</title>
<script type="text/javascript">
document.createElement('figure');
document.createElement('figcaption');
</script>
<style type="text/css">
figure {
background: #d9dabb; /* Цвет фона */
display: block; /* Блочный элемент */
width: 150px; /* Ширина */
height: 190px; /* Высота */
float: left; /* Блоки выстраиваются по горизонтали */
margin: 0 10px 10px 0; /* Отступы */
text-align: center; /* Выравнивание по центру */
}
figure img {
border: 2px solid #8b8e4b; /* Параметры рамки */
}
figure p {
margin-bottom: 0; /* Отступ снизу */
}
</style>
</head>
<body>
<article>
<figure>
<p><img src="images/thumb3.jpg" alt="" /></p>
<figcaption>Купеческий клуб</figcaption>
</figure>
<figure>
<p><img src="images/thumb4.jpg" alt="" /></p>
<figcaption>Памятник Св. Владимиру</figcaption>
</figure>
</article>
</body>
</html>
