![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
xiaochouyu0703
这个作者很懒,什么都没留下…
展开
-
html5新特性--表单input新属性placeholder
placeholder 属性提供一种提示(hint),描述输入域所期待的值。设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。 默认提示文字是灰色的,可以通过CSS来改变文字样式:(不过不同的浏览器设置不同哦~) //ff下系统表单样式会被覆盖,因此会改变提示文字的颜色。Chrome和Opera则不会input { color:...原创 2012-03-28 23:23:29 · 203 阅读 · 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 · 175 阅读 · 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 · 115 阅读 · 0 评论 -
html5语义化定义的新标签
之前我们开发相关的页面布局的时候,往往都是使用CSS来定义相关的头部,导航及其页底部分。新的HTML5标准中定义了一系列的标签,更语义化的定义页面层次和逻辑,不需要自己定义相关的DIV,HTML5提供了现成的标签来完成结构化定义。浏览器兼容性:Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari...原创 2014-04-23 15:01:09 · 127 阅读 · 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 · 630 阅读 · 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 · 470 阅读 · 0 评论 -
html5-a标签新属性rel
标签的 rel 属性用于指定当前文档与被链接文档的关系。值:alternate : 文档的可选版本(例如打印页、翻译页或镜像)。stylesheet:文档的外部样式表。start : 集合中的第一个文档。next : 集合中的下一个文档。prev : 集合中的前一个文档。contents :文档目录。index:文档索引。glossary :文档中所用字词...原创 2015-03-11 10:04:52 · 533 阅读 · 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 · 882 阅读 · 0 评论 -
客户端存储sessionStorage
HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 [url]http://wangjingyi.iteye.com/blog/2180875[/url]sessionStorage - 针对一个 session 的数据存储 与Cookie区别:cookie大小是受限的,并且每次请求一个新的页面的时候都会被发送过去,无形中浪费...原创 2015-01-29 17:28:23 · 112 阅读 · 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 · 193 阅读 · 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 · 657 阅读 · 0 评论 -
HTML 5 新标签<nav>
标签定义导航链接的部分。可用来嵌套文档中的“前后”按钮使用。[code="html"] Home Previous Next [/code]也可以包含一些导航元素,如主菜单或主导航块。[code="html"] home1 home2 ho...原创 2013-07-02 17:32:51 · 134 阅读 · 0 评论 -
HTML 5 新特性--语义化新标签<footer> &<header>
标签定义文档的页眉(介绍信息)。与相同,也旨在提供一些介绍性信息(如标题、副标题或logo),但是这两个标签的作用域不同。虽然标签能够提供关于整个文档的信息,但是仅用于正文或正文中的节。 标签用法:定义文档或节的页脚。在典型情况下,页脚通常包含文档的作者、版权信息、文档的创作日期、使用条款链接、联系信息等。可以在一个文档中使用多个 元素。[code="htm...原创 2013-06-28 18:04:20 · 239 阅读 · 0 评论 -
HTML5新特性--video视频标签
[size=large]video标签[/size]--定义视频,比如电影片段或其他视频流。(一)常用属性:autoplay:如果出现该属性,则视频在就绪后马上播放。src:要播放的视频的 URL。control: 如果出现该属性,则向用户显示控件,比如播放按钮。 浏览器控件包括:播放、暂停、定位、音量、全屏切换、字幕(如果可用)、音轨(如果可用)...原创 2013-06-26 14:53:58 · 236 阅读 · 0 评论 -
HTML 5--classList
HTML5新增了一种操作类名的方式,可以让操作更简单也更安全,那就是为所有元素添加classList属性。这个classList属性是新集合类型DOMTokenList【DOM标记列表】的实例。与其它DOM集合类似,DOMTokenList是一个表示自己包含多少元素的length属性,而要取得每个元素可以使用item()方法,也可以使用方扩号语法。这个类型还定义如下方法:add(val...原创 2014-04-25 14:19:48 · 79 阅读 · 0 评论