
html5
xiaochouyu0703
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
html5新特性--表单input新属性placeholder
placeholder 属性提供一种提示(hint),描述输入域所期待的值。设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。 默认提示文字是灰色的,可以通过CSS来改变文字样式:(不过不同的浏览器设置不同哦~) //ff下系统表单样式会被覆盖,因此会改变提示文字的颜色。Chrome和Opera则不会 input { color:...原创 2012-03-28 23:23:29 · 264 阅读 · 0 评论 -
html5新特性-- <a>标签新属性download
download 属性规定被下载的超链接目标,设置一个值来规定下载文件的名称。 兼容性:只有 Firefox 和 Chrome 支持 download 属性。 众所周知,在 标签中必须设置 href 属性。 [url]http://www.w3school.com.cn/tags/att_a_download.asp[/url] 如下例子所示,下载图片时自动将图片名称命名为‘w3...原创 2014-04-24 14:31:29 · 217 阅读 · 0 评论 -
ie浏览器兼容html5新标签
html5提供了强大的新标签及新属性,却只有高级浏览器兼容,那么为了ie低版本浏览器的兼容该怎么办呢? 为了确保所有新的HTML5元素能以block元素正确渲染,我们会在css中定义: [code="css"]header,footer,article,section,nav,menu,hgroup,aside{ display:block; } [/code] ...原创 2014-04-24 12:56:40 · 146 阅读 · 0 评论 -
html5语义化定义的新标签
之前我们开发相关的页面布局的时候,往往都是使用CSS来定义相关的头部,导航及其页底部分。新的HTML5标准中定义了一系列的标签,更语义化的定义页面层次和逻辑,不需要自己定义相关的DIV,HTML5提供了现成的标签来完成结构化定义。 浏览器兼容性:Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari ...原创 2014-04-23 15:01:09 · 158 阅读 · 0 评论 -
jQuery.data()和html5 dataset
我们先来看下HTML 5 增加的一项新功能是[b]自定义数据属性[/b]-- data-* 自定义属性 [url]http://www.css88.com/archives/4715[/url] [code="html"] 码头[/code] 一)使用attribute方法能够存取 data-* 自定义属性的值: 所有的现代浏览器中都能正常工作,但它不是HTML 5 的自...原创 2015-03-26 16:33:58 · 688 阅读 · 0 评论 -
HTML5 移除的元素与属性
移除的元素 纯表现的元素:basefont,big,center,font, s,strike,tt,u; 对可用性产生负面影响的元素:frame,frameset,noframes; 产生混淆的元素:acronym ,applet,isindex,dir。 移除的属性 a,area,button,input,label,legend和textarea元素的accesskey属性...原创 2015-03-18 14:48:59 · 517 阅读 · 0 评论 -
html5-a标签新属性rel
标签的 rel 属性用于指定当前文档与被链接文档的关系。 值: alternate : 文档的可选版本(例如打印页、翻译页或镜像)。 stylesheet:文档的外部样式表。 start : 集合中的第一个文档。 next : 集合中的下一个文档。 prev : 集合中的前一个文档。 contents :文档目录。 index:文档索引。 glossary :文档中所用字词...原创 2015-03-11 10:04:52 · 587 阅读 · 0 评论 -
HTML5文档声明方式
html的声明方式比4.0和xhtml简单很多很多: HTML5 [code="html"] [/code] HTML 4.01 [code="html"] [/code] XHTML 1.0 [code="html"] [/code]原创 2015-03-10 17:17:05 · 946 阅读 · 0 评论 -
客户端存储sessionStorage
HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 [url]http://wangjingyi.iteye.com/blog/2180875[/url] sessionStorage - 针对一个 session 的数据存储 与Cookie区别: cookie大小是受限的,并且每次请求一个新的页面的时候都会被发送过去,无形中浪费...原创 2015-01-29 17:28:23 · 153 阅读 · 0 评论 -
客户端存储localStorage
HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储[url]http://wangjingyi.iteye.com/blog/2181405[/url] [size=large][b] localStorage:[/b][/size] 数据永久保存,没有时...原创 2015-01-28 17:04:41 · 239 阅读 · 0 评论 -
html5新特性--表单input新属性autofocus
autofocus 属性规定在页面加载时,域自动地获得焦点。 [code="html"] User name: [/code] 效果: [img]http://dl2.iteye.com/upload/attachment/0097/4650/9f77eab5-f1b3-3b0a-a564-8fb7701f2b1d.png[/img] [code="html"] ...原创 2014-05-24 15:16:58 · 717 阅读 · 0 评论 -
HTML 5 新标签<nav>
标签定义导航链接的部分。可用来嵌套文档中的“前后”按钮使用。 [code="html"] Home Previous Next [/code] 也可以包含一些导航元素,如主菜单或主导航块。 [code="html"] home1 home2 ho...原创 2013-07-02 17:32:51 · 171 阅读 · 0 评论 -
HTML 5 新特性--语义化新标签<footer> &<header>
标签定义文档的页眉(介绍信息)。 与相同,也旨在提供一些介绍性信息(如标题、副标题或logo),但是这两个标签的作用域不同。虽然标签能够提供关于整个文档的信息,但是仅用于正文或正文中的节。 标签 用法:定义文档或节的页脚。 在典型情况下,页脚通常包含文档的作者、版权信息、文档的创作日期、使用条款链接、联系信息等。 可以在一个文档中使用多个 元素。 [code="htm...原创 2013-06-28 18:04:20 · 276 阅读 · 0 评论 -
HTML5新特性--video视频标签
[size=large]video标签[/size]--定义视频,比如电影片段或其他视频流。 (一)常用属性: autoplay:如果出现该属性,则视频在就绪后马上播放。 src:要播放的视频的 URL。 control: 如果出现该属性,则向用户显示控件,比如播放按钮。 浏览器控件包括:播放、暂停、定位、音量、全屏切换、字幕(如果可用)、音轨(如果可用) ...原创 2013-06-26 14:53:58 · 281 阅读 · 0 评论 -
HTML 5--classList
HTML5新增了一种操作类名的方式,可以让操作更简单也更安全,那就是为所有元素添加classList属性。这个classList属性是新集合类型DOMTokenList【DOM标记列表】的实例。与其它DOM集合类似,DOMTokenList是一个表示自己包含多少元素的length属性,而要取得每个元素可以使用item()方法,也可以使用方扩号语法。 这个类型还定义如下方法: add(val...原创 2014-04-25 14:19:48 · 138 阅读 · 0 评论