当前位置:网站首页新闻资讯 > 合作客户 > HTML5这些元素大家都使用了吗?
HTML5这些元素大家都使用了吗?
发布于:2019-01-07 11:46:59   来源:http://www.cn-un.net/    浏览次数:

我们都知道做网站离不开代码,代码可以说是网站的“地基”,页面的设计和搜索引擎的优化等后续的工作也必须建立在地基上的,因此,一个网站的好与坏,地基的打造是关键词,因此在济南网站建设 http://www.cn-un.net/这个圈子中我们也有这样的一句话:好的网站首先需要好的代码,再次需要好的设计,最后需要好的优化,可见,代码给网站带来的影响。

不管是页面的设计的再怎么好,没有代码去实现,这个页面也只能是一张图片,不管优化布局的关键词怎么好,没有代码的优化,这个网站没有收录也是很正常,今天就给大家介绍一下关于html5的新功能介绍:

QQ截图20190107114807.jpg

HTML5是在原来html的基础上进行的代码的更新,HTML5将集合,成为 HTML、XHTML 以及 HTML DOM 的新标准,虽然到现在来讲HTML5仍然的处在完善当中,但是大部分的HTML5已经被浏览器所兼容和支持。

html5中也制定了很多的新的规则:

QQ截图20190107115643.jpg

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。

减少对外部插件的需求(比如 Flash)

更优秀的错误处理

更多取代脚本的标记

HTML5 应该独立于设备

开发进程应对公众透明

在html5中的新的有趣的特性介绍:

用于绘画的 canvas 元素:

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素,canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 Canvas本身是没有绘画功能的,因此需要通过 JavaScript 来绘制作图。

QQ截图20190107115056.jpg

用于媒介回放的 video 和 audio 元素

HTML5 <video> 元素同样拥有方法、属性和事件。

其中的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。其中的 DOM 事件能够通知您,比方说,<video> 元素开始播放、已暂停,已停止,等等。

QQ截图20190107115147.jpg

对本地离线存储的更好的支持

在html5中提出了两种当时的客户端数据存储的新方法:localStorage - 没有时间限制的数据存储

sessionStorage - 针对一个 session 的数据存储

QQ截图20190107115213.jpg

新的特殊内容元素,比如 article、footer、header、nav、section

<article>定义 article,<footer>定义 section 或 page 的页脚;<header>定义 section 或 page 的页眉;<nav>定义导航链接;<section>定义 section。

新的表单控件,比如 calendar、date、time、email、url、search这些元素都是对于时间,邮箱,路径的链接定义。

QQ截图20190107114822.jpg

HTML5目前是对web表单的全面的提升,既能保持简单易用的特性同时,增加了许多的内置控件和属性的处理,大家可以赶快的使用起来,为自己的代码之路增加一些新的提升吧!





联系我们
电话:0531-88193332     传真:0531-88193332      服务热线:15688863689
E-mail:nuoshangxinxi@163.com     版权所有:济南诺商信息技术有限责任公司     鲁ICP备10204030号-1   
地址:济南市高新区新泺大街1666号齐盛广场2号楼1407-1409 (本站部分图片来源于网络,如有侵权请与我们取得联系!)


微信公众号

微信公众号

WAP网站

WAP网站

HOT-LINE:
15688863689