html5有哪些新特性

新特性:

HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。

1. 拖拽释放(Drag and drop) API

2. 语义化更好的内容标签(header,nav,footer,aside,article,section)

3. 音频、视频API(audio,video)

4. 画布(Canvas) API

5. 地理(Geolocation) API

6. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;

7. sessionStorage 的数据在浏览器关闭后自动删除

8. 表单控件,calendar、date、time、email、url、search

9. 新的技术webworker, websocket, Geolocation

移除的元素:

1. 纯表现的元素:basefont,big,center,font, s,strike,tt,u;

2. 对可用性产生负面影响的元素:frame,frameset,noframes;

支持HTML5新标签:

1. IE8/IE7/IE6支持通过 document.createElement 方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5 新标签,浏览器支持新标签后,还需要添加标签默认的样式(当然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架):


1

2

3

<!--[if lt IE 9]> 

<script> src="http://html5shiv.googlecode.com/svn/trunk/html5.js"</script> 

<![endif]-->

如何区分:

DOCTYPE声明新增的结构元素、功能元素

时间: 2024-10-10 01:20:33

html5有哪些新特性的相关文章

常用的HTML5、CSS3新特性能力检测写法

伴随着今年10月底HTML5标准版的发布,未来使用H5的场景会越来越多,这是令web开发者欢欣鼓舞的事情.然而有一个现实我们不得不看清,那就是IE系列浏览器还占有一大部分市场份额,以IE8.9为主,windows8.1的用户已经用上了IE10/11,而考虑我国的国情,IE6.7依然存留不少.在我们放手用HTML5开发的时候,新特性支持度检测就是必不可少的了.一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本,不过这种方式不是很可靠,浏览器

HTML5和CSS3新特性一览

HTML5 1.HTML5 新元素 HTML5提供了新的元素来创建更好的页面结构: 标签 描述 <article> 定义页面独立的内容区域. <aside> 定义页面的侧边栏内容. <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置. <command> 定义命令按钮,比如单选按钮.复选框或按钮 <details> 用于描述文档或文档某个部分的细节 <dialog> 定义对话框,比如提示框 <summary>

html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

新特性: 1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签(header,nav,footer,aside,article,section) 3. 音频.视频API(audio,video) 4. 画布(Canvas) API 5. 地理(Geolocation) API 6. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失: 7. sessionStorage 的数据在浏览器关闭后自动删除 8. 表单控件,calendar.date

Html5的一些新特性

虽然内容上对大家来说已经是非常的旧了,但是对于刚刚学习的小白的我来说还是很有比较认真的写一下的,所以,我要在这里啰嗦一些了! HTML5  的新性  1 上下兼容  2用户至上  3 化繁为简  4 无插件  5访问的通用性  6 引入语义  HTML5引入了用来区分不同语义的语句  7 引入原声的媒体支持    音频视频不需要使用插件  8 引入可编程的内容 Html5的简要特点就是以上这些: 那么来细细的讲解一下: 1:上下兼容:HTML5不破坏以前的版本的规则,做到即兼容之前的,又有自己的

html5有哪些新特性?如何处理html5新标签的浏览器兼容问题?如何区分html和html5?

h5新特性: 语义化标签:<hrader></header> .<footer></footer>.<nav></nav>.<section></section>.<article></article>.<aside></aside>.<video></video>.<audio></audio> 新增表单元素:em

HTML5真正的新特性是什么?

1. 新的Doctype 尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用和来语义化地表示带标题的图片 This is an image of something interesting. 3. 重新定义的 已经被重新定义了,现在被用来表示小的排版,如网站底部的版权声明 4. 去掉link和script标签里面的type属性 5. 加/不加 括号 HTML5没有严格的要求属性必须加引号,闭合不闭合,但是建议加上引号和闭合标签 6. 让你的内容可编辑,只需要加一个c

HTML5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器兼容性问题?如何区分HTML和HTML5?

HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加. 绘画canvas: 用于媒介回放的video和audio元素: 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失: sessionStorage的数据在浏览器关闭后自动删除: 语义化更好的元素,比如article,footer,header,nav,section: 表单控件:calender,date,time,email,url,search 新的技术:webworker,webs

html5的Form新特性

form新增的输入型控件: 名称 说明 图例 email 电子邮箱文本框,显示跟普通的没什么区别 tel  电话号码,pc端不会有明显的变化,但是移动端会自动切换键盘,输入有误不会阻止默认提交   url 网页url  search   搜索引擎,chrome下输入文字后,会多出一个关闭的X    range  特定范围内的数值选择器,min.max.step( 步数 )    number   只能包含数字的输入框,有键盘监听,不能输入其他字符.    color  颜色选择器   datet

HTML5 十大新特性(五)——SVG绘图

相对于canvas绘图,SVG是一种绘制矢量图的技术.全称叫做Scalable Vector Graphics,可缩放的矢量图,在2000年就已经存在,H5把它纳入了标准标签库,并进行了一些瘦身.需要注意的是,SVG图形的属性不属于HTML DOM标准,需要用核心DOM的方法来操作:SVG的样式可以用css,但是只能用其专有的属性:如果要使用js动态生成SVG其中的元素,创建方法得用document.createElementNS('http://www.w3.org/2000/svg','标签