Web前端初步——HTML5

HTML5界面：HTML、CSS、JS在内的一套技术组合。

<1>准备一个[编辑器（Sublime Text、Atom、Notepad++）

<2>浏览器（Chrome、火狐等）查看/调试编写的HTML页面

HTML5语法对HTML语言进行了沿用，使用更简化，具体体现在：

1、DOCTYPE及字符编码更简洁

2、大小写都可以——但尽量还是规范点好

3、单双引号或无引号（在不存在空格时）均可——但尽量规范点好

4、可以进行省略的标签

————不允许写的结束符的标签：area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

如<input>........</input> 是错误的，应该为<input />

-————可以省略结束符的标签：li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

如<li>........</li>可简化为<li>

————可以完全省略的标签：html、head、body、colgroup、tbody

5、布尔值，有该属性默认为真

有趣的标签

1、progress：进度条

2、time：标注标签

3、wbr：软变行，灵活的软妹子

4、details：点击显示下拉框内容

5、datalist:输入时多信息跳出可选

有趣的属性：

contenteditable:标签属性，可以对该标签呈现的界面内容进行修改

tips:

布局尽量用class,与后台相关用id

js中requestAnimFrame()灵活的时间间隔，根据浏览器性能改变，与setInterval和setTimeout有些许差别

编写外部js文件时，文件中先写main.js(即主函数)中document.body.load=game;game即为函数入口

canvas只是一个html中的标签属性，调用时使用方法如下：

<canvas id="canvas1"></canvas>

在js中通过：

can1=document.getElementById("canvas1")

cnt1=can1.getContext()

获得canvas对象和其内容