html4与html5的区别及html5的一些新特性

区别

1.html5语法的改变

HTML5简化了很多细微的语法，例如：

1.1doctype的声明;

html4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"         

"http://www.w3.org/TR/html4/loose.dtd">

html5:

<!DOCUTYPE html>

1.2字符编码:

html4:

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

html5:

<meta charset="utf-8" />

HTML5的语法兼容HTML4和XHTML1，但不兼容SGML(标准通用标记语言)。html5有向下兼容

的特性，他可以完整的显示html4的内容;

1.3元素标记

不允许写结束标记的元素：br、embed、hr、img、input、link、meta、param。正确格式:<元素/>

<br/>

1.4具有boolean值的属性

<!--只写属性不写属性值，属性为true-->
<input type="checkbox" checked /><br/>
<!--不写属性，属性为false-->
<input type="checkbox" /><br/>
<!--属性值=属性名，属性为true-->
<input type="checkbox" checked="checked" /><br/>
<!--属性值=空字符串，属性为true-->
<input type="checkbox" checked="" />

1.5省略引号

<input type=button value=点击>

新特性

2.全局属性（所有标签都可以使用的属性）

1.contentEditable属性.允许用户对文本进行编辑,是布尔值类型，true为可编辑，false为不可编辑，默认为true
2.designMode属性.规定页面是否可编辑，值为on/off,on为页面可编辑，off页面不可被编辑，必须在javascript中使用
3.hidden属性
4.spellcheck属性.针对input和textarea标签的文本拼写语法检查，拼写错误会提示
5.tabindex属性.规定按tab键之后的选择顺序，默认按tab键对链接元素和form表单有用，
通过tabindex属性可以使其他标签也可以按Tab键获取焦点，值为-1不会获取焦点

3.HTML5新增元素

3.1 新增的主体结构元素:artical,aside,section,nav,time,pubdate元素

artical标签通常表示文档，页面中独立的部分，一篇博客，文章或其他独立的部分，通常可以用来表示插件，可嵌套

<!--artical标签通常表示文档，页面中独立的部分，一篇博客，文章或其他独立的部分，通常可以用来表示插件，可嵌套-->
    <article>
        <header>
            <h1>这里是标题</h1>
            <p>文本段落</p>
        </header>
        <artical>

            <h3>这里是评论区域</h3>
            <p>正文在这里</p>
        </artical>
        <footer>底部文本</footer>
    </article>

artical