HTML5<figure>元素

HTML5<figure>元素是用来定义页面文档中独立的流内容(图像,图表,照片,代码块),figure内容与主内容有关,如果被删除,则不影响主文档流的产生。

HTML5<figcaption>元素是用来描述figue元素的标题,可以放到第一个位置或最后一个位置。

实例:

<h2>HTML5是下一代HTML的标准</h2>
<p>作为一个前端开发工程师,对HTML5这个新的技术必须要有充分的理解,能够结合css3的渲染技术,做出跟以往不一样的页面效来。</p>
<figure>
<figcaption>HTML5LOGO</figcaption>


<img src="Images/HTML5LOGO.jpg" alt="html5logo"/>
</figure>

时间: 2024-10-25 07:12:32

HTML5<figure>元素的相关文章

HTML5之元素与标签结构

HTML5语法 新增及删除标签 新增及废除属性 全局属性 1 HTML5语法 2 新增及删除标签 <section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. <figure> 标签规定独立的流内容(图像.图表.照片.代码等等).figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响. <aside> 标签定义 article 以外的内容.aside 的内容应该与 article 的内容相关. 3 新增

6.html5分组元素

何为分组元素,首先先看下面这个例子: <span>scolia<span>scolia</span></span> <span>scolia</span> <span>scolia</span> 上面这段代码的显示效果是这样的: 首先,第一行的文本元素嵌套的文本是无缝连接的,而下面两行不嵌套的也在一行内显示完毕,不过元素之间相距一个空格. 而分组元素则是这样的: <div>scolia<div

HTML5 语义元素

返回目录 http://hovertree.com/h/bjaf/html5zixueji.htm 一个语义元素能够清楚的描述其意义给浏览器和开发者.无语义 元素实例: <div> 和 <span> - 无需考虑内容.语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容. <title>是一个典型的语义化标签,定义文档的标题.效果图: HTML5中新的语义元素许多现有网站都包含以下HTML代码

HTML5新增元素、标签总结

总是遇到h5新标签的笔试题目,就查阅了资料来总结一下: 1.form相关: (1)form属性:在HTML5中表单元素可放在表单之外,通过给该元素添加form属性来指向目标表单(form属性值设为目标表单id)即可. (2)formaction属性:HTML5给提交按钮(如button.submit.image等)增加了formaction属性,以便提交到不同的服务器地址. <input formaction="new.html" type="submit"

HTML5一些元素的整理

address元素: 定义和用法 <address> 标签定义文档或文章的作者/拥有者的联系信息. 如果 <address> 元素位于 <body> 元素内,则它表示文档联系信息. 如果 <address> 元素位于 <article> 元素内,则它表示文章的联系信息. <address> 元素中的文本通常呈现为斜体.大多数浏览器会在 address 元素前后添加折行. 1 <!DOCTYPE html> 2 <ht

HTML5 语义元素(一)页面结构

本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.<footer>.<header>.<main>.<nav>.<section>等元素. 目录 1. 语义元素介绍 1.1 何为语义元素 1.2 特点 2. 原先界面布局 3. 页面结构语意元素 3.1 说明 3.2 详细介绍 3.3 示例图 1. 语义元

HTML5语义元素总结

HTML5语义元素 语义=意义 语义元素=元素的意义 什么事语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者. 无语义 元素实例:div.span.无需考虑内容. 语义 元素实例:form .table.img清楚地定义了它的内容. 浏览器支持 IE9+.火狐.谷歌,Safari.opera支持语义元素. HTML5新的语义元素 header.nav.section.article.aside.figcaption.figure.footer. section标签定义文档中的节或者区

HTML5 新增元素梳理

HTML5新增元素如下图: <canvas> 新元素 <canvas> 标签定义图形,比如图表和其他图像,该标签基于javascript的绘图api 新多媒体元素 <audio> 定义音频内容 <video> 定义视频内容(video或者movie) <source> 定义多媒体资源<video>或者<audio> <embed> 定义嵌入的内容,比如插件 <track> 为诸如 <video

HTML5 audio元素如何使用js与jquery控制其事件

前言: 每一次遇见问题想到的就是怎么解决?最好的方法还是查询网络媒体,更好的办法是让自己记忆,只有自己理解到了才真正是属于自己.要做一个订单提醒功能,没有使用audio相关的插件,虽然插件无数,还是喜欢自己瞎折腾.(来一些隐形的链接,据说有推广效果,本文原创官网地址:www.pushself.com) 听一个写博客的朋友说周末的博客阅读量明显下降,周末大好时光不出去泡妹子的肯定是有难言之隐的.先来重温一下audio标签的基本属性 定义和用法 <audio> 标签定义声音,比如音乐或其他音频流.