浅谈html5

浅谈html5

Posted by lisbeth on April 14, 2019

“学习 !”

html5的字符集:

优点:

①网络标准统一,HTML5本身是由W3C推荐出来的

②多设备,跨平台

③及时更新

④语义化:

提高可用性和改进用户的友好体验

有几个新的标签,有助于开发人员定义重要的内容

⑥可以给站点带来更多的多媒体元素(音频和视频)

⑦可以很好的代替Flash和Sliverlight

⑧被大量应用于移动应用程序和游戏

缺点:

①安全方面:web storage、web socket这样的功能很容易被黑客利用,从而盗取用户的信息和资料

②完善性方面:许多特性各种浏览器的支持程度不一样

③技术门槛方面:HTML5简化开发者工作的同时,代表有许多的属性和API需要开发者学习,像web worker、web socket等

④性能方面:某些平台下的引擎问题导致HTML5性能低下

⑤浏览器兼容性方面:最大的缺点,IE9以下的浏览器几乎都不兼容

HTML5与HTML的区别

现在前端开发的静态网页,一般都是html4.0

①在文档声明上

HTML5:<!doctype html>

HTML:<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

②在结构语义上(新增标签)

HTML5:语义化

HTML:没有体现结构语义化的标签

如何处理HTML5的兼容性问题?

不能识别HTML新标签而不能使用,解决办法有两种:

①实现标签识别:通过document.createElement(tagName)方法即可让浏览器识别新标签

②js解决:

使用html5shim,在头部调用

<!--[if lt IE 9]>
	<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->

HTML5中的form自动完成功能

HTML5有个新增属性:autocomplete,该属性规定表单是否应该启动自动完成功能。可用于form、input,只有当form提交之后,下次输入时自动完成功能才能体现

关闭自动完成功能的3种方法:

设置form的autocomplete为”on“或者”off“,来开启或者关闭自动完成功能

设置输入框input的autocomplete为”on“或者”off“,来开启或者关闭自动完成功能

在IE的Internet选项菜单里的内容--自动完成里面设置