html5新增的属性和废除的属性简要概述

HTML5是对传统HTML4的升级，引入了许多新的属性，同时废除了部分过时或不再使用的属性。本攻略将详细讲解HTML5新增的属性和废除的属性，供读者参考和学习。

新增属性

1. data-* 属性

这是HTML5中最常见也是最有用的属性之一。通过这个属性，开发者可以在元素中存储自定义的数据，在JS中可以方便地获取和处理，同时还可以通过CSS选择符来使用。该属性的语法如下：

<div data-text='Hello World!'></div>

这里，data-text 是自定义的属性名，Hello World! 是该属性所存储的数据。

2. contenteditable 属性

contenteditable 属性可以将任何元素变为可编辑的内容块，用户可以在该元素内输入或修改文本、图片、视频等内容。语法如下：

<div contenteditable='true'>Some editable content</div>

这里，true 表示该元素开启了可编辑模式，Some editable content 是默认的文本内容。

废除属性

1. <font> 标签

<font> 是用于指定文本的字体、颜色和大小等的标签，但是在HTML5中已经被废除了。开发者应该使用CSS来代替它。如果仍然需要使用 <font>，可以将其转换为等效的 span 标签。

<font size='4' color='black'>Some text</font>

可以改写为：

<span style='font-size: 1.2em; color: black;'>Some text</span>

2. align 属性

align 属性被用于水平或垂直对齐元素。然而，在HTML5中该属性已经被废除，开发者应该使用CSS来控制元素的对齐方式。

<div align='center'>Some centered text</div>

可以改写为：

<div style='text-align: center;'>Some centered text</div>

总结：

HTML5新增了许多属性，其中 data-* 属性和 contenteditable 属性是最常用也是最有用的。同时，HTML5废除了一些过时或不再使用的属性，如 <font> 标签和 align 属性。开发者应该及时了解新属性，同时尽量避免使用废除的属性，以便在开发中获得更好的兼容性和可维护性。