Question

求一个HTML5的页面代码要齐全

最近公司需要用到HTML5技术，要我限时弄懂HTML5，本人是做前端的，现需要一份案例，最好带有动画和视频，让我参考下HTML5的布局和新标签的应用，我知道网上案例很多但是繁杂乱，一份HTML5页面给我做参考即可可以留Q

Answer 1

html5页面和一般的html页面区别基本不算太大，因为我也刚刚接触h5不久。在一般的页面上加上h5的头信息就可以吧一般页面变成h5页面了。在h5页面上。需要注意一下width和height，标签的话基本上是多了一些新的。和废除了一些旧的，你下一个h5的chm看下就知道了。我现在做项目，用的就是h5，用的头信息是这个:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

追问

H5以前了解过也知道一点区别，没真正实践过，最近公司要我自学下H5为接下来的项目做开发，这才去学习，我看了下H5的布局有点不习惯，我习惯用DIV比如头部header 来显示头部的内容，以前直接DIV，觉得有点没必要多此一举，只是说这样更容易区分，但是比如在一个DIV 吧一个DIV也分为header footder，有点不习惯

追答

头

.内容
.尾

这样吧

Answer 2

iisp网站上有许多模板，挑选合适的，然后右键查看源代码

Answer 3

html5增加了一些新的标签，去除了一些不常用的标签，头部声明变得简洁了，其他变化不太；
但一般所说的html5技术是包含了css3和javascript的，因为连接更紧密了；比如html5的canvas没有javascript是没法实现的；还有就是移动端。
所以想弄明白html5技术还是有很多内容的。

追问

canvas 是个画布在里面可以自定义图片线条文字，在怎样的情况下使用？因为HTML4习惯了就会在DIV文字 图片都可以以前办法实现，线条的话一般都是切图做背景主要是HTML4习惯了有些H5标志性的东西老想着老办法去实现这样的话就没H5的意义了所以想改变下自己的习惯最好有个H5标志性的页面让自己去解析，改变自己原来的习惯