"这份资源是一份关于HTML5的PPT基础讲义，由ZJT主讲，内容包括HTML5的基本结构、新增属性和元素、以及一些废除的元素。讲义特别提到了`hidden`、`contentEditable`和`spellcheck`这三个属性，并介绍了它们在HTML5中的使用方式。"
在HTML5中，`hidden`属性是一个非常实用的新特性，它允许开发者隐藏页面上的某些元素，而无需使用CSS的`display:none`。当一个元素设置了`hidden="true"`，浏览器会默认将该元素隐藏，不会在页面上显示。这与`style="display:none"`的效果相同，但`hidden`提供了更语义化的隐藏方式，更易于理解和维护。
`contentEditable`属性则为网页的交互性带来了新的可能性。当一个元素的`contentEditable`属性设置为`true`时，用户可以在浏览器中直接编辑该元素内的内容。这对于创建可编辑的区域，如在线编辑器或者用户生成内容的网站非常有用。例如，一个`<div contentEditable="true">`的区域在页面加载后，用户可以直接在其中进行文本输入和编辑。
`spellcheck`属性则是用于检查用户在输入字段中输入的文本是否正确拼写。当`spellcheck="true"`时，浏览器会在用户输入文本时自动检测拼写错误。然而，需要注意的是，目前并非所有浏览器都支持此属性，Firefox和IE就是两个不支持的例子。`<textarea spellcheck="true" rows="3" cols="30">`这样的设置会让文本区域开启拼写检查，对于需要用户输入大量文本的场景十分有益。
HTML5的基础结构有所简化，比如HTML声明变得更加简洁，不再需要像HTML4那样引用DTD，只需`<!DOCTYPE html>`即可。此外，字符编码的声明也变得更直观，使用`<meta charset="UTF-8">`代替了以前的`<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">`。
在HTML5中，一些过时的元素如`<table>`的部分属性（如`align`, `valign`, `bgcolor`）被鼓励通过CSS来替代，`<frameset>`, `<frame>`, `<noframes>`这样的框架元素也被`<iframe>`所取代，`<big>`元素被废弃，但保留了`<small>`元素，主要用于标注免责声明、法律规定和版权信息等。
这份讲义详细地阐述了这些变化，对于学习和理解HTML5的基础知识非常有帮助，适合初学者和想要更新HTML知识的开发者。
我的内容管理
展开
