仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1733|回复: 8
打印 上一主题 下一主题

[HTML5] html5教程之html5新标签figure、figcaption使用实例

[复制链接]
透明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:11:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。破洛洛文章简介:原本想分两篇文章来注释申明figure、figcaption的,可是这俩个标签都是界说图文的,以是我们合起来说解,人人更能简单承受。
原本想分两篇文章来注释申明figure、figcaption的,可是这俩个标签都是界说图文的,以是我们合起来说解,人人更能简单承受。人人在写xhtml、html中经常用到一种图片列表,图片+题目大概图片+题目+复杂形貌。之前的惯例写法:
<li>

</figure>

figure用来取代本来li标签,P标签谁来代替呢?谜底就是:figcaption

w3c付与的界说:figcaption标签订义figure元素的题目(caption)。"figcaption"元素应当被置于"figure"元素的第一个或最初一个子元素的地位。

那末下面的代码就酿成了:

<figure>
<figcaption>黄浦江上的的卢浦年夜桥</figcaption>
<imgsrc="shanghai_lupu_bridge.jpg"width="350"height="234"/>
</figure>
这是个十分易于了解的标签,其用法也十分分明。即使是复杂,这里也倡议人人亲身下手写下。
</p>
就在新标准备受瞩目之际,两大网络监督机构却起冲突。
飘飘悠悠 该用户已被删除
沙发
发表于 2015-1-17 09:04:41 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
小魔女 该用户已被删除
板凳
发表于 2015-1-20 17:14:31 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
冷月葬花魂 该用户已被删除
地板
发表于 2015-2-6 01:29:01 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
简单生活 该用户已被删除
5#
发表于 2015-2-14 20:13:57 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
愤怒的大鸟 该用户已被删除
6#
发表于 2015-3-4 10:30:25 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
柔情似水 该用户已被删除
7#
发表于 2015-3-11 18:23:23 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
若天明 该用户已被删除
8#
发表于 2015-3-19 07:41:53 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
变相怪杰 该用户已被删除
9#
发表于 2015-3-27 15:08:43 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 21:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表