html5新标签 figure 和 figcaption

定义 <figure> 元素的标题。

规定自包含内容，比如图示、图表、照片、代码清单等。

<div style="width: 1000px;display: flex;justify-content: center;margin-top: 60px;"><figure style="display: flex;width: 1000px;"><img src="../assets/m3.png" alt="The Pulpit Rock" width="304" height="228"><div style="margin-left: 30px;"><figcaption style="font-size: 20px;font-weight: 800;">我是标题</figcaption><div id="" style="line-height: 30px;">2008年，蓝月亮率先向全国推广洗衣液，打破十几亿中国人的洗衣习惯，开创中国洗衣“液”时代。2015年，蓝月亮突破技术难关，推出国内首款采用泵头计量式包装「浓缩+」洗衣液机洗至尊，再一次掀起中国洗涤市场变革，推动行业浓缩升级。2018年，“至尊”洗衣液丰富了国内衣物洗涤剂高端市场，引领行业进入生物科技洗衣液时代。2019年起，蓝月亮创新推出天露餐具果蔬洁净精华、油污克星泡沫型、卫诺除霉去渍剂、净享微米泡沫氨基酸洗手露、泡沫抑菌洗手液、浓缩柔顺剂等多款新品，帮助消费者更加轻松地解决家居清洁难题，实现洁净无忧。</div> </div>        </figure>
</div>

html5新标签 figure 和 figcaption相关推荐

H5新标签 figcaption 定义图文并茂的html5新标签-figure、figcaption
本来想分两篇文章来解释说明figure.figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受. 大家在写xhtml.html中常常用到一种图片列表,图片+标题或者 ...
html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
html5变动标签新写法,Html5新标签解释及用法
Html5新标签解释及用法发布时间:2012-02-17 22:50:45 作者:佚名我要评论 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1. ...
HTML5 新标签总汇
HTML5 新标签总汇 2010-12-16 20:44 聂微东阅读(5060) 评论(8) 编辑收藏 HTML5新标签总汇: 有问题欢迎指出,有关于CSS3方面的知识点较多,下周一 ...
html5中新增标签的兼容性如何设置,HTML5新标签的兼容性处理
普通浏览器普通不支持HTML5新标签的浏览器 -- 能正常解析,但会当初成 inline 元素对待在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们只 ...
HTML5新标签及特性
HTML5 html经过了第5次重大改版,增加了一些语义化的标签高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的标签仍然可以用 1.新特性新增语义化元素新增表单相 ...
用HTML5新标签构建页面
HTML5新标签与传统DIV标签页面布局区别在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式.而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个Div内的内容是文章内容容器,或者 ...
HTML5新标签与特性（笔记）
HTML5新标签与特性前言新增语义化标签新增标签属性新增的input的type属性值多媒体标签 embed audio video 字体图标前言 HTML5 : HTML 标准的最新版 ...
如何处理HTML5新标签的浏览器兼容问题?
方法一 : 1.使用静态资源的html5shiv包 <!--[if lt IE9]> <script src="http://cdn.static.runoob.com/l ...

html5新标签 figure 和 figcaption

html5新标签 figure 和 figcaption相关推荐

最新文章

热门文章