1 语法的改变
HTML5的语法变化
HTML5中，语法发生了很大的变化。或许有人会抱着异常惊讶和不安地问“HTML普及到何种程度”“根本的语法发生了变化，会有多大影响”。
只是，HTML5的“语法变化”和其他编程语言所谓的语法变更意义有所不同。为什么这么说呢？原因比较特殊，因为以前的HTML几乎没有遵循规范实现的Web浏览器。
现有浏览器与规范背离
HTML的语法是在SGML（Standard Generalized Markup Language）语言的基础上来规定的。但是由于SGML的语法非常复杂，文档结构解析程序的开发也不太容易，多数Web浏览器不作为SGML解析器运行。由此，HTML规范中虽然要求“应遵循SGML的语法”，但实际情况却是遵循规范实现的Web浏览器几乎不存在。
规范向实现靠拢
如上所述，HTML5中提高Web浏览器间的兼容性是重大的目标之一。要确保兼容性，必须消除规范与实现的背离。因此HTML5以近似现有的实现，重新定义了新的HTML语法，使规范向实现靠拢。由于文档结构解析的算法也有着详细的记载，使得Web浏览器开发者可以专注于遵循规范去进行实现工作。在新版本的FireFox和WebKit（Nightly Builder版）中，已经内置了遵循HTML5规范的解析器。IE（Internet Explorer）和Opera也为了能够提供更好的兼容性实现而紧锣密鼓地努力着。
2 可编辑列表实例
将<div>、<table>元素转换成可编辑状态。
3 可编辑的div和table元素
designMode属性
designMode属性用来指定整个页面是否可编辑，当页面可编辑时，页面中任何支持上文所述的contentEditable属性的元素都变成了可编辑状态。designMode属性只能在JavaScript脚本里被编辑修改。该属性有两个值——on与off。当属性被指定为on时，页面可编辑；被指定为off时，页面不可编辑
打开designMode属性
说明绝大部分浏览器都已支持designMode属性，如Internet Explorer9、Chrome、Firefox、Opera和Safari等浏览器都可支持designMode属性。
hidden属性
hidden属性类似于aria-hidden，它告诉浏览器这个元素的内容不应该以任何方式显示。但是元素中的内容还是浏览器创建的，也就是说页面装载后允许使用JavaScript脚本将该属性取消，取消后该元素变为可见状态，同时元素中的内容也即时显示出来。hidden属性是一个布尔值的属性，当设为true时，元素处于不可见状态；当设为false时，元素处于可见状态。
说明
hidden属性可以代替CSS样式中的display属性，设置hidden="tru
tabindex是一个旧的概念，是指用户使用键盘导航一个页面时（通常使用Tab键，但某些浏览器，如著名的Opera，可能使用不同的键组合来导航），控制页面上的元素获得焦点的顺序。
当站点使用深度嵌套的布局表格来构建时，这个属性非常常用，但是如今这已经不再那么常用了。默认的标签页顺序是由元素出现在标记中的顺序来决定的，因此顺序正确和结构良好的文档应该不再需要额外的标签页顺序来提示。
