HTML5

1.新的DTD声明

DTD:声明浏览器渲染方式

<!DOCTYPE HTML>

2.新增的标签

2.1结构标签

<article>定义一篇文章

<nav><header><section><aside><footer>定义网站结构

<hgroup>标题组

<figure><figcaption>定义媒体内容/媒体的标题

<dialog>对话标签

2.2多媒体标签

<video><audio><source>视频、音频及其来源

<canvas>画图用

2.3Web应用标签

<meter>状态标签，比如天气、气温

<progress>进度条

2.4其他标签

<ruby><rp><rt>生僻字、注释、音标

<mark>标记文本

3.删除的标签

3.1.css可代替的标签，如big,center,font,strike,basefont

3.2.框架集标签frame,frameset,noframes，搜索引擎无法获取内容。

4.重定义的标签

<b>粗体，不重要<strong>重要性，不强调

<i>泄题，不重要

<dd><dt>可以和figuredialog一同使用

<hr>表示主题结束

例子：

<dialog>
  <dt>老师</dt>
  <dd>2+2 等于？</dd>
  <dt>学生</dt>
  <dd>4</dd>
  <dt>老师</dt>
  <dd>答对了！</dd>
</dialog>

<menu>菜单

例子2：

<progress max='100' value='0' id='pro'></progress>
                    <script>
                        var pro=document.getElementById('pro');
                        setInterval(function(){
                            pro.value+=5;
                        },1000);
                    </script>

结果：

Canvas API

save() 保存当前环境状态

restore()返回之前保存的状态

createEvent()

getContext() 获取绘图环境

toDataURL() 返回canvas的url

fillStyle 设置填充绘图的颜色

strokeStyle 设置边缘的颜色

基本示例：

表单属性：

这是我的个人日记本