`

HTML5中的figure标签

阅读更多
  HTML5有很多新的标签,这次介绍的是一个很简单的标签,专门用来标识
图片和相关说明的,叫figure,用法如下:
  <figure id=“figure”> 
<img src=“flying_solo_bird_photography.jpg” alt=“flying solo bird photography” title=“flying_solo_bird_photography” /> 
<figcaption>This is flying solo bird photography</figcaption> 
</figure> 


  这样的话,img标签要在figure标签中,而figcatption标签其实就是图片下的
一段简单的说明文字而已拉
   <figure>标签中可以包含多个图片标签,比如:

<figure id=“figure”> 
<img src=“beautiful_birds-normal.jpg” alt=“beautiful birds normal” /> 
<img src=“Puffin.jpg” alt=“Puffin” /> 
<img src=“wings_birds_photo.jpg” alt=“wings birds” /> 
<figcaption>This is a nest multiple images caption</figcaption> 
</figure> 



  

1
0
分享到:
评论

相关推荐

    HTML 5和 HTML 4的区别点及标签用法

    - **HTML 4**: 使用`&lt;object&gt;`标签,但HTML 5中的`&lt;embed&gt;`提供了更简洁的语法。 #### 9. `&lt;figcaption&gt;`和`&lt;figure&gt;`标签 - **HTML 5**: `&lt;figure&gt;`和`&lt;figcaption&gt;`分别用于组合相关元素并为其添加标题。`...

    HTML5常用基础标签.docx

    HTML5 是当今 web 开发中最基础和最重要的技术之一。它提供了一些基本结构和标签,让开发者可以快速构建网页。下面将详细介绍 HTML5 的基本结构和一些常用的基础标签。 一、HTML 的基本结构 HTML 的基本结构主要由...

    7种HTML5 Figure图片字幕标题特效

    其中,`&lt;figure&gt;`元素是HTML5引入的一个新特性,主要用于组织和标记页面中的图像、图表、代码片段等独立内容,同时它还允许我们添加相关的标题或字幕(`&lt;figcaption&gt;`)来提供上下文信息。在本主题中,我们将深入...

    HTML5的常用标签

    以下是一些HTML5中常用的标签及其详细解释: 1. `&lt;header&gt;`与`&lt;footer&gt;`:这两个标签用于定义页面的头部和底部区域,通常包含logo、导航菜单、版权信息等。 2. `&lt;nav&gt;`:定义页面的主要导航部分,帮助用户在网站中...

    HTML5常用基础标签

    以上这些标签构成了HTML5中最常用的基础标签,通过合理地使用这些标签,可以构建出语义清晰、结构合理的网页。理解这些基本标签的功能和用法对于初学者来说至关重要,它们是进行Web开发的基础。

    HTML5标签和属性列表.pdf

    本文档将对 HTML5 中的标签和属性进行详细的介绍。 HTML5 新增标签 * article:定义 article 元素 * aside:定义页面内容之外的内容 * audio:定义声音内容 * canvas:定义图形 * command:定义命令按钮 * ...

    html5标签整理

    在HTML5中,新增了一些标签以适应现代网页的需求,这些标签包括: - `&lt;article&gt;`:用于表示文档、页面或应用中的独立内容块。 - `&lt;aside&gt;`:用于表示与页面主要内容相关的辅助信息。 - `&lt;audio&gt;`:用于嵌入音频文件...

    html5标签大全

    本文将对 HTML5 中的所有标签进行分类和解释,帮助开发者快速了解和使用这些标签。 结构性标签 * `&lt;header&gt;`:定义 section 或 page 的页眉 * `&lt;footer&gt;`:定义 section 或 page 的页脚 * `&lt;nav&gt;`:定义导航链接 *...

    html5api最新html标签

    在HTML5中,许多旧的标签被废弃,同时引入了一系列新的标签,以更好地帮助开发者结构化和语义化网页内容。 一、新引入的HTML标签 1. `&lt;article&gt;`:定义独立的内容,如博客文章、新闻报道或评论,可以独立于文档的...

    IE9之前的版本兼容HTML5标签

    HTML5的出现,引入了诸如, , , , , &lt;figure&gt;等语义化标签,以及, , 等多媒体标签,极大地提升了网页内容的结构化和可访问性。 然而,早期的浏览器,尤其是Internet Explorer(IE)在版本9之前,对HTML5的支持并不...

    让所有的浏览器都能识别HTML5网页标签样式

    其次,HTML5引入了新的样式元素,例如用于绘制图形,和用于内嵌多媒体,以及&lt;figure&gt;和用于图像和图表的展示。这些元素不仅增强了网页的交互性,还使开发者能够无需依赖第三方插件就能实现丰富的媒体功能。通过合理...

    HTML5新标签

    HTML5 中引入了许多新的标签,以取代旧的标签,并提供了更好的语义和结构。这些新标签可以让开发者更方便地组织网页结构,提高网页的可读性和可维护性。 1. 文章标签:`&lt;article&gt;` 标签定义了一篇文章,可以包含...

    html5标签属性及使用方法教程

    在HTML5中,标签新增了许多属性,比如media、hreflang、target、type和shape等。例如,media属性用于指定链接的媒体类型,target属性用于指定链接打开的目标框架。 HTML中的和元素分别用于表示缩写和首字母缩写词。...

    Figure应用

    综上所述,“Figure”不仅涵盖了生物学中神经元的概念,还涉及到了计算机科学领域中的 HTML 标签应用等内容。通过对这些知识点的学习,我们可以更好地理解“Figure”在不同学科背景下的含义及其应用场景。

    HTML5标签文档

    HTML5是超文本标记语言最新版本,它引入了...需要注意的是,一些标签可能是HTML5新增的,而其他标签可能在HTML5标准中得到了扩充或修改。开发者在设计网页时,应参考最新的官方文档和指南,以确保符合最新的Web标准。

    html5常用标签.txt

    以上是HTML5中常用的标签及其基本用途介绍。这些标签不仅能够帮助开发者构建出功能丰富且美观的网页,还能提高网站的可访问性和搜索引擎优化效果。熟练掌握这些标签的使用方法对于前端开发人员来说是非常重要的。

    HTML5中的新标签

    以下是一些HTML5中的关键新标签及其用途: 1. `&lt;nav&gt;`:用于定义页面的主要导航链接部分,帮助搜索引擎和辅助技术理解页面的主要导航结构。 2. `&lt;header&gt;`:表示页面或区域的头部,通常包含logo、导航链接、搜索...

Global site tag (gtag.js) - Google Analytics