• 周一至周五   9:00 - 17:00

H5是什么意思?使用HTML5做页面设计的六个理由

开源智造网站建设统一采用HTML5标准化页面架构,说说我们为什么选择HTML5的六个理由。

H5是什么?

微信的朋友圈中经常随处可见H5动画,很多人并不知道是什么,或者把它跟小动画画上等号,事实上H5绝不止这么简单。H5的全写是Html5,其中5是当前版本号,在去掉版本号后就不得不说说这个Html了,HTML的全称是HyperText Markup Language,中文意为超文本标记语言,它诞生于1993年6月,在IETF(互联网工程工作小组)工作草案中首次发布,此后html经过这几个版本的历史发展:

  • HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
  • HTML 3.2——1997年1月14日,W3C推荐标准
  • HTML 4.0——1997年12月18日,W3C推荐标准
  • HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
  • HTML 5——2014年10月29日,万维网联盟宣布,经过近8年的艰苦努力完成第五次重大修改,使得该标准规范终于制定完成

我们使用HTML5的六大理由

按照重要性倒叙排列:

、更清晰地语义标签

HTML5中新增了更清晰的语义标签

HTML5中新增了更清晰的语义标签

新的HTML标签像<header>, <footer>,<nav>,<section>,<article>,<aside>等等,更清晰地标签很明了的语义让搜索引擎更懂你的页面结构,此外HTML5 MicroData(微数据、微结构)还可以使得搜索引擎能更好地了解你的网页内容和结构,HTML5在搜索引擎优化(SEO)势必带来了巨大影响。

五:视频和音频等多媒体支持

HTML5对视频和音频等多媒体的友好支持

HTML5对视频和音频等多媒体的友好支持

HTML5可以带来更精美的动画效果,HTML5能够以更低的成本和更短的下载时间展现媲美目前顶级网页设计人员设计的外观,语义标记具有网络营销SEO和维护优势。HTML5现在拥有的一些效果已经超越早期标准的效果,其中之一就是动画制作。为了获得精美的网络营销动画效果,网页团队过去通常使用Flash。不过,Flash也有一些明显的不足:搜索引擎无法索引,苹果的iOS和操作系统不允许使用Flash。安全性和许可证限制了其在许多公司中的使用。通过HTML5,精美的可视化动画可以成为语义动画。因此,HTML5可以给你的网站带来更多的多媒体元素(视频、音频、动画)、可以很好的替代过度依赖第三方插件的Flash和Silverlight;此外Html5海被大量应用于移动应用程序和游戏领域。

四:文档声明Doctype

HTML5的文档声明非常简洁优雅

HTML5的文档声明非常简洁优雅

没错,就是doctype,没有更多内容了。是不是非常简答?不需要拷贝粘贴一堆无法理解的代码,也没有多余的head标签。最大的好消息在于,除了简单,它能在每一个浏览器中正常工作即使是名声狼藉的IE6。

注意,这一点很重要,你可能会对这篇文章感兴趣:如何判断一个网站是不是使用HTML5技术设计的?

三:更清晰的代码,更小的页面

html5-semantics

如果你对于简答,优雅,容易阅读的代码有所偏好的话,HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。你再也不用在每个页面中使用div布局,每个div中绑定上相关class或者id;在css3的配置下可以完成很多特效及动画,让以前在js中复杂的特效现在变得简单;这意味着更小的页面文件体积,同时让页面把重心放到内容上,而不用在繁琐的标签代码中浪费过多资源。

二: 移动,移动还是移动 重要的事情说三遍

利用HTML5开发响应式布局的页面可以在多终端运行

也许你也想到了 – 移动互联网的发展趋势异常迅猛!移动设备终将占领世界,这意味着更多的用户会选择使用移动设备访问网站或者web应用。HTML5是最移动化的开发工具,随着Adobe宣布放弃移动flash开发,你将会考虑使用HTML5来开发webApp应用。

当手机浏览器完全支持HTML5那么开发移动项目将会和设计更小的触摸显示一样简单。这里有很多的meta标签允许你优化移动:

viewport: 允许你定义viewport宽度和缩放设置;

全屏浏览器: ISO指定的数值允许Apple设备全屏模式显示;

Home screen icons: 就像桌面收藏,这些图标可以用来添加收藏到IOS和Android移动设备的首页。

一: HTML是未来,开始用吧!

最大的原因今天你就开始使用HTML5是因为它是未来,不要掉队了!知名的互联网企业例如百度、新浪、搜狐、微博、淘宝、阿里巴巴无一例外,他们早已踏上H5的这艘航母,而你还在等什么?

HTML5的功能一览

HTML5的功能一览