Тег рисунка и тег figcaption — это новые семантические теги в HTML5.
тег рисунка, семантический тег html5.Используется для указания содержимого отдельного потока (изображения, диаграммы, фотографии, код и т. д.).
Тег figcaption, семантический тег html5.Используемая вместе с рисунком метка используется для определения заголовка элемента рисунка.
Преимущества использования теговFigure и figcaptionКогда поисковые системы будут искать рисунок, они будут знать, что здесь хранятся картинки, диаграммы, фотографии, коды и другие медиа, и не будут думать, что здесь хранятся статьи и другие вещи. Поисковые системы делают поиск быстрее и удобнее.
С другой стороны, когда программисты увидят эту метку, они поймут, что здесь существуют изображения и другие носители для удобства чтения.
На следующей диаграмме кратко описано, как использовать эти два тега.
Случай 1:Элемент рисунка без заголовка:
<figure> <img style="margin: 0px; отступ: 0px; контур: нет; line-height: 25,2px; размер шрифта: 14 пикселей; ширина: 660 пикселей; переполнение: скрыто; очистить: оба; семейство шрифтов: tahoma , arial, Microsoft YaHei;"><figure> <img <figcaption>VeVb Wulin.com, VeVb Wulin.com — это отечественный профессиональный ресурс по созданию веб-сайтов и веб-сайт по обучению программированию сценариев, предоставляющий asp, php, asp.net, javascript, jquery, vbscript, пакетную обработку DOS и создание веб-страниц, сетевое программирование, создание веб-сайтов и другие материалы для программирования</figcaption></figure>Случай 3:
Несколько изображений, элемент рисунка с одинаковым названием:
<figure> <img <img <img <figcaption>VeVb Wulin.com, VeVb Wulin.com — это отечественный профессиональный ресурс для создания веб-сайтов и веб-сайт обучения программированию сценариев, предоставляющий asp, php, asp.net, javascript, jquery, vbscript, dos Пакетная обработка, создание веб-страниц, сетевое программирование, создание веб-сайтов и другие материалы для программирования</figcaption></figure>Выше приведено все содержание этой статьи. Я надеюсь, что она будет полезна для изучения всеми. Я также надеюсь, что все поддержат сеть VeVb Wulin.