HTML5-CSS3-JavaScript(2)

之前大致总结过HTML5的发展。

　　这里贴出之前的随笔：http://www.cnblogs.com/jiangxiaobo/p/5205933.html

我们就从HTML5的基础总结起。希望可以提高自身的基础。

HTML5 新增的通用属性

1. contentEditable 属性

　　HTML5 为大部分HTML元素都增加了contentEditable属性，如果将该属性设为true，那么浏览器将会允许开发者直接编辑该HTML元素里的内容。此处的HTML元素并不是指那些原本就允许用户输入的表单元素，如文本框、文本域之类的，而是可以把<table.../>、<div.../>等元素变成可编辑状态。

　　contentEditable属性具有“可继承”的特点：如果一个HTML元素的父元素是“可编辑”的，那么它默认也是可以编辑的，除非显示指定contentEditable="false"。

　　除此之外，HTML5为允许设置contentEditable属性的元素提供了isContentEditable属性，当元素处于可编辑状态时，该属性返回true；否则返回false。

　　当用户编辑完成后，用户编辑的内容就会直接显示在该页面中（不要刷新页面，一旦刷新页面就会重新加载，编辑的内容会丢失），开发者可以通过该元素innerHTML属性获取编辑后的内容。

2. designMode 属性

　　designMode 属性相当于一个全局的contentEditable属性，如果把整个页面的designMode属性设置为on时，该页面上所可支持contentEditable属性的元素都变成可编辑状态；designMode属性默认为off。在JavaScript代码中只能修改整个HTML页面的designMode属性。

　　　　document.designMode = "on";

3. hidden 属性

　　HTML5为所有元素都提供了一个hidden属性，这个hidden属性支持true、false两个属性值，一旦把某个HTML元素的hidden设为true，就意味着通知浏览器不显示该组件，浏览器也不会保留该组件所占用的空间。

4. spellcheck 属性

　　HTML为<input.../>、<textarea.../>等元素增加了spellcheck属性。该属性可支持true、false两个属性值，如果设置spellcheck="true"，浏览器将会负责对用户输入的文本内容执行输入检查，如果检查不通过，浏览器会对拼错的单词进行提示。

HTML5-CSS3-JavaScript(2)

原文：http://www.cnblogs.com/jiangxiaobo/p/5208389.html