`
zhangyaochun
  • 浏览: 2601597 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

htm5之<figure>标签

阅读更多

HTML 5 <figure> 标签

 

---------规定独立的流内容(图像、图表、照片、代码等等)。

---------figure元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。

---------所有主流浏览器多支持<figure>标签

 

<figure>
   <p>这是**图片</p>
   <img src="**" height="" width=""/>
</figure>
 
分享到:
评论

相关推荐

    html5企业模版

    HTML5的语义化标签如&lt;header&gt;、&lt;nav&gt;、&lt;section&gt;、&lt;article&gt;、&lt;aside&gt;和&lt;footer&gt;等会被用来结构化页面内容,提高可读性和SEO优化。 `index.html`是网站的主入口文件,通常包含网站的全局结构和导航。在HTML5企业...

    HTML 教程

    还有`&lt;figure&gt;`和`&lt;figcaption&gt;`组合用于图像说明。 **八、建立超链接** `&lt;a&gt;`标签用于创建超链接,`href`属性定义链接目标,`target`属性指定新窗口或标签页打开链接。链接可以指向网页、邮箱地址、文件下载等。 ...

    html5白色时尚

    1. **xw素材.htm**:这可能是新闻或信息的页面,HTML5中的`&lt;article&gt;`标签可以用来定义独立的内容区块,如新闻报道或文章。 2. **blog_post.html**:博客文章页面,通常会包含`&lt;header&gt;`(头部)、`&lt;main&gt;`(主要...

    html.rar

    例如,`&lt;video&gt;`和`&lt;audio&gt;`元素可以直接在网页上播放音频和视频,`&lt;canvas&gt;`元素用于绘制图形,`&lt;figure&gt;`和`&lt;figcaption&gt;`组合用于添加图像和图例,而`&lt;section&gt;`、`&lt;aside&gt;`等元素增强了内容的结构性。...

    html5学习过程

    - **语义化标签**:如`&lt;article&gt;`、`&lt;section&gt;`等增强了文档结构的清晰度。 - **多媒体支持**:原生支持音频和视频播放,无需插件。 - **离线存储**:通过Web Storage提供离线数据存储能力。 - **绘图能力**:通过`...

    html5高档大气的企业网站模版

    5. **解决方案(solution)**:提供针对特定问题的解决策略,这部分可能会用到&lt;article&gt;标签来定义独立的内容块,&lt;aside&gt;则可以用来放置相关的补充信息。 6. **新闻(news)**:展示最新的公司动态、行业资讯,可能...

    UI框架学习资料整理(第四月).docx

    - **`&lt;hgroup&gt;`**:已废弃,原用于一组标题标签(如`&lt;h1&gt;`至`&lt;h6&gt;`),但现在推荐直接使用多个标题标签来达到同样的效果。 #### 三、HTML5表单域增强元素 ##### 1. 表单域增强 HTML5引入了一些新的表单元素和属性...

    html语言编写的纯静态个人主页

    而在`Photo.htm`中,`&lt;figure&gt;`和`&lt;figcaption&gt;`可以用来组合图片和相关的描述文本。 `SpryAssets`可能是一个包含JavaScript库或者CSS样式的文件夹,这些资源常用于增强HTML页面的交互性和动态效果。例如,Adobe ...

    y.rar_html公司

    可能还会用到`&lt;figure&gt;`和`&lt;figcaption&gt;`来组合图片和描述。 4. **联系我们**:包括地址、电话、电子邮件,可能还有地图嵌入。HTML表单`&lt;form&gt;`元素可让用户直接在网站上提交咨询或预约看房请求。 5. **新闻与活动...

    互联网软件科技企业网站HTML全套源码.rar

    此外,`&lt;figure&gt;`和`&lt;figcaption&gt;`用于图片和图注,`&lt;time&gt;`用于日期和时间,这些都增强了网页的结构性。 其次,HTML5强化了对多媒体的支持。通过`&lt;video&gt;`和`&lt;audio&gt;`标签,开发者可以直接在网页上嵌入视频和音频...

    htm5邀请函

    2. 语义化:HTML5强调内容的语义,例如使用`&lt;figure&gt;`和`&lt;figcaption&gt;`组合表示图片及其说明,提高内容的可理解性。 3. 媒体元素:`&lt;audio&gt;`和`&lt;video&gt;`标签使得在网页中嵌入音频和视频变得简单,可用于添加背景...

    jquery带文字焦点图切换.zip

    &lt;figure&gt; &lt;img src="image1.jpg" alt="Image 1 Description"&gt; &lt;figcaption&gt;Image 1 Description&lt;/figcaption&gt; &lt;/figure&gt; &lt;figure&gt; &lt;img src="image2.jpg" alt="Image 2 Description"&gt; &lt;figcaption&gt;Image 2 ...

    jQuery菜单式图片滑动切换.zip

    在菜单式图片滑动切换中,HTML5的`&lt;nav&gt;`标签可能被用于定义导航菜单,`&lt;figure&gt;`和`&lt;figcaption&gt;`用于图片和描述,以及`&lt;canvas&gt;`或`&lt;video&gt;`元素来处理动态内容或视频背景。 项目具体实现步骤可能如下: 1. 使用...

    jQuery淡出淡入带缩略图幻灯片.zip

    HTML5在这里提供了新的语义化标签,如`&lt;figure&gt;`和`&lt;figcaption&gt;`,它们有助于提高代码的可读性和可访问性。`&lt;figure&gt;`用于定义一个图形、图片、图表等,而`&lt;figcaption&gt;`则用于添加与`&lt;figure&gt;`相关的标题或说明。...

    html

    HTML5引入了许多新标签,旨在提高语义性和兼容性,例如`&lt;canvas&gt;`(画布,用于图形绘制)、`&lt;svg&gt;`(可缩放矢量图形)、`&lt;figure&gt;`和`&lt;figcaption&gt;`(图片和图注)、`&lt;details&gt;`和`&lt;summary&gt;`(可折叠内容)。...

    PUI-FA2020-最终项目

    HTML5引入了`&lt;figure&gt;`和`&lt;figcaption&gt;`等标签,辅助图像和其他多媒体的布局。 7. **多媒体支持**:HTML5允许直接在页面中嵌入音频(`&lt;audio&gt;`标签)和视频(`&lt;video&gt;`标签),无需依赖Flash等插件。 8. **响应式...

    40个经典HTM5实例教程.PDF

    1. 语义化标签:HTML5引入了新的语义化标签,如&lt;nav&gt;、&lt;article&gt;、&lt;section&gt;、&lt;aside&gt;和&lt;figure&gt;等,它们提供了更加丰富的方式来定义页面结构,有助于改善搜索引擎优化(SEO)以及提高网页的可读性。 2. 表单元素:...

    Practica_IngenieriaWeb2

    1. 语义化元素:如&lt;header&gt;、&lt;nav&gt;、&lt;article&gt;、&lt;aside&gt;、&lt;section&gt;、&lt;figure&gt;和&lt;figcaption&gt;等,使页面结构更清晰。 2. 内联多媒体:&lt;video&gt;和&lt;audio&gt;元素直接嵌入视频和音频内容,无需Flash等插件。 3. canvas元素...

    第1章

    此外,`&lt;figure&gt;`和`&lt;figcaption&gt;`标签组合可以为图像提供更语义化的容器和说明。 列表在HTML中也很常见,分为无序列表(`&lt;ul&gt;`和`&lt;li&gt;`)和有序列表(`&lt;ol&gt;`和`&lt;li&gt;`)。它们用于组织和展示条目信息。 最后,我们...

Global site tag (gtag.js) - Google Analytics