企业网站制作中HTML5和HTML4的区别是什么?

html-css05

企业网站制作中HTML5和HTML4的区别是什么?,第1张

HTML5和HTML4的区别:

第一点,HTML5标准还在制定中

企业网站制作首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变,HTML4已经10多年了,不会有任何改变了。

第二点,HTML5简化的语法

HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了,HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。

第三点,<canvas>标签替代Flash

Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件,<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互,虽然目前<canvas>标签还不能实现Flash的所有功能,但是很快<canvas>就会让Flash看起来老土,哈哈!

第四点,新增<header>和<footer>标签

HTML5设计的一个原则是更好的体现网站的语义性,所以增加了<header>和<footer>这样的标签,用来明确表示网页的结构。

第五点,新增<section>和<article>标签

与<header>,<footer>类似,<section>和<article>也有利于清晰化网页的结构,更有利于网站优化。

第六点,新增<menu>和<figure>标签

<menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单,<figure>标签使得网页文字和图片的排版更专业。

第七点,新增<audio>和<video>标签

这两个标签可能是HTML5里面最有用的两个标签了,顾名思义,这两个标签是用来播放音频和视频的。

第八点,全新的表单

HTML5对<form>和<forminput>标签进行了大量修改,添加了很多新的属性,也修改了很多属性。

第九点,删除<b>和<font>标签

这个改进我还无法理解,我不认为删除这两个标签对代码的改进有很大的帮助,官方的解释是应该用CSS来替代这两个标签,但我还是觉得对于简单的文本,这两个标签还是很方便的。

第十点,删除<frame>,<center>,<big>标签

总结,这十点只是一部分,要看看真正了解HTML5制作出来的网站风格和创意可以欣赏一下Y+外贸网站,就是通过HTML5技术制作出来的。

解决办法如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>HTML5 Examples Page</title>

<style>

<!--这里是CSS代码-->

</style>

</head>

<body>

<article>

<header>标题</header>

<section>正文</section>

<footer>文章相关信息</footer>

</article>

<script>

<!--这里是JavaScript代码-->

</script>

</body>

</html>

应用须知

它可能会消灭Flash

许多业内人士表示,HTML将会最终代替多媒体框架,如Adobe的Flash,但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟,而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点,但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5,谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式,这可能会加速HTML5替代Flash的进程,但是这个转变的过程也不是一蹴而就的。

它新并不表示它安全

网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全。HTML5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据。欧洲网络信息安全机构(European Network and Information Security Agency,ENISA)已经警告说HTML5可能并不够安全。

它承诺带来一个无缝的网络

HTML5会带来一个统一的网络,无论是笔记本,台式机,还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候,开发者需要重新考虑用户体验,网站浏览,网站结构等因素使得这个网站对任何硬件设备都通用。

它会变成企业的SaaS平台

一些重量级的企业,如微软,Salesforce,SAP Sybase正在开发HTML5的开发工具。如果你正在构建企业应用,很可能不久的将来你就要用到HTML5。所以当构建公司的SaaS战略迁移的时候也不要忘记HTML5。

它将会变得很移动

几乎所有人都热衷于开发独立的移动应用,但是HTML5很可能会是独立移动应用的终结者。由于HTML5将应用的功能直接加入其内核,这很可能引导移动技术潮流重新回到浏览器时代。HTML5允许开发者在(移动)浏览器内开发应用,所以如果你正在制定一项桌面或者移动应用的长期发展策略,你可能需要考虑这一点。

HTML5混合式开发优点:

1、 代码简洁

HTML5网页的冗余代码比传统网页要少很多,极大方便了程序员和用户。

2、全新的标签,网站定义更丰富

相对于旧版本的HTML,HTML5新增了很多语义标签,网站定义起来更为细致。

3、网站优化更简单

HTML5的全新标签对搜索引擎友好,对网站优化来说更为方便。

4、用户体验度好

网站各种酷炫的效果利用HTML5技术都能实现,而且HTML5正以前所未有的姿态颠覆这人们对网页设计的想象。

5、拓展用户浏览渠道

HTML5技术对用户是十分友好的,能支持多终端自适应,无论用户喜欢用手机平板还是电脑看网站,HTML5网站都能满足。

6、支持网站多媒体元素

以前的网站,过多的图片和视频不仅拖慢网站加载速度,对搜索引擎收录也是很不利的。有了HTML5技术,大家可以随意在网站上添加各种多媒体元素,完全不受限制。

7、可移植性好

一套完整的HTML5对开发者来说可以适用于多个设计,不用重新修改。

8、开发费用相对较低

由于HTML5网站的兼容性好,用户开发一个网站后就不用另外开发移动站,一定程度上节省了大笔资金。

9、大势所趋

HTML5技术是网站建设的未来,越来越多的国内网站开始打造自己的HTML5响应式网站,包括简书、新浪、三星、华为等品牌都加入了HTML5网站的建设大军中,企业建设HTML5网站是顺应未来的做法。