2014年7月18日
HTML5每日一练之figure新标签的应用
摘要： igure元素是一种元素的组合，可带有标题（可选）。figure标签用来表示网页上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。figure用友一个子标签——figcaption标签。注意：一个figure元素内最多只允许放置... 阅读全文
posted @ 2014-07-18 09:05 小桥流水细长流 阅读(250) 评论(0) 推荐(0) 编辑
HTML5每日一练之details展开收缩标签的应用
摘要： details标签的出现，为我们带来了更好的用户体验，不必为这种收缩展开的效果再编写JS来实现。注：目前仅Chrome支持此标签。details有一个新增加的子标签——summary，当鼠标点击summary标签中的内容文字时，details标签中的其他所有元素将会展开或收缩。detalis标签：案... 阅读全文
posted @ 2014-07-18 09:01 小桥流水细长流 阅读(462) 评论(0) 推荐(0) 编辑
mark标签：
摘要： mark元素表示页面中需要突出或高亮显示的内容，在搜索结果中也常常出现，比如检索结果中的关键词高亮显示。案例：[html] HTML5每日一练之mark标签的应用 HTML5|CSS3|论坛 | 前端开发网(W3Cfuns.com)! HTML5论坛,CSS3论坛,CSS论坛... 阅读全文
posted @ 2014-07-18 08:48 小桥流水细长流 阅读(176) 评论(0) 推荐(0) 编辑
2014年7月17日
html5 标签
摘要： 按字母顺序排列的标签列表 4: 指示在 HTML 4.01 中定义了该元素 5: 指示在 HTML 5 中定义了该元素 标签 描述 4 5 定义注释。 4 5 定义文档类型。 4 5 定义超链接。 4 5 定义缩写。 4 5 HTML 5 中不支持。定义首字母缩写。 4 ... 阅读全文
posted @ 2014-07-17 14:31 小桥流水细长流 阅读(157) 评论(0) 推荐(0) 编辑
HTML5基本布局
摘要： html5 HTML5 Demo 阅读全文
posted @ 2014-07-17 14:28 小桥流水细长流 阅读(219) 评论(0) 推荐(0) 编辑
HTML 5的革新：结构之美
摘要： HTML 5是什么，无须我在这里赘述了。对于HTML 5的革新，按我的理解，可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需要插件的富动画(canvas)、强大的API支持。总之，HTML 5让人机交互，人网交互变得更加舒适，贴合用户。以往对富媒体应用与本存储的支持乏... 阅读全文
posted @ 2014-07-17 14:18 小桥流水细长流 阅读(130) 评论(0) 推荐(0) 编辑
HTML5每日一练之input新增加的URL类型与email类型应用
摘要： 1、URL类型： 复制代码设置此类型后，从外观上来看与普通的元素差不多，可是如果你将此类型放到表单中之后，当点击提交按钮，如果此输入框中输入的不是一个URL地址，将无法提交。运行效果如下图：2、Email类型： 复制代码如果我们讲上面的URL类型的代码中的type修改为email，那么在... 阅读全文
posted @ 2014-07-17 14:17 小桥流水细长流 阅读(283) 评论(0) 推荐(0) 编辑
HTML5每日一练之input新增加的六种时间类型应用
摘要： 今天介绍一下input在HTML5中新增加的时间类型的应用，与昨天的练习一样，如果在以下这几种输入框中输入的格式不正确，也是无法提交的。注意：此种类型的input在Opera10+中效果为佳，Chrome中效果不是十分好，外观取决于浏览器1、Date类型： 复制代码如果在之前，我们使用js+c... 阅读全文
posted @ 2014-07-17 14:16 小桥流水细长流 阅读(919) 评论(0) 推荐(0) 编辑
HTML5每日一练之input新增加的5种其他类型1种标签应用
摘要： 今天介绍input在HTML5中的最后5种类型，分别是：number，range，search，tel和color注意：此种类型的input在Opera10+中效果为佳，Chrome中效果不是十分好，外观取决于浏览器1、number类型： 复制代码此输入框是一种专门用来输入数字的文本框，并且在... 阅读全文
posted @ 2014-07-17 14:14 小桥流水细长流 阅读(214) 评论(0) 推荐(0) 编辑
2014年7月10日
html5+css3中的background: -moz-linear-gradient 用法
摘要： 在CSS中background:-moz-linear-gradient让网站背景渐变的属性，目前火狐3.6以上版本和google浏览器支持这个属性。background:-moz-linear-gradient(top,#bccfe30%,#d2dded100%);适合FF3.6+backgrou... 阅读全文
posted @ 2014-07-10 18:22 小桥流水细长流 阅读(1894) 评论(0) 推荐(0) 编辑