浅谈HTML5

最新推荐文章于 2024-02-22 09:19:05 发布

七毛six

最新推荐文章于 2024-02-22 09:19:05 发布

阅读量697

点赞数

本文链接：https://blog.csdn.net/qq_34309704/article/details/80163001

版权

html5的字符集：<meta charset = "UTF-8">

优点：

①网络标准统一，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种方法：

关注