HTML5 属性

HTML5是Hyper Text Markup Language第五个版本，是Web页面开发中最常用的标记语言之一。HTML5可以用于构建各种类型的网站，从简单的单页应用程序到复杂的企业级Web应用程序。在HTML5中，有许多新属性和 API，可以使开发更加简单和灵活。

data-*属性

data-* 属性用于存储自定义数据，例如要存储给定元素的 ID 或任何其他信息。

这些属性始终以“data-”开头，然后是属性的名称。属性名称应该以小写字母表示，并且不能包含任何空格、标点符号或其他非字母数字字符。

<div data-name="John Doe" data-city="New York"></div>

input 属性

HTML5中，有许多新的input类型，可以使表单填写更加便捷，减少对JavaScript的依赖。

date

用于输入日期，支持多种格式，例如：

<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday">

color

用于选择颜色，支持各种属性控制颜色选择器的外观和行为：

<label for="color">Favorite color:</label>
<input type="color" id="color" name="color" value="#ff0000">

range

用于创建滑块，控制数值：

<label for="volume">Volume:</label>
<input type="range" id="volume" name="volume" min="0" max="100" value="50">

required属性

required属性在表单元素中使用，表示输入框必须填写，否则提交将无效：

<label for="username">Username:</label>
<input type="text" id="username" name="username" required>

contenteditable属性

contenteditable属性可以使任何元素可编辑，例如：

<p contenteditable>This paragraph can be edited by the user.</p>