第一点,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网站是顺应未来的做法。