素
页面布局元素:
header:用于定义网页的头部区域。
nav:用于定义网页的导航栏。
article:用于表示独立的文章内容部分。
aside:表示与主内容相关但独立的区块。
section:用于表示文档中的节或区段,通常带有标题。
footer:用于定义网页的底部区域。
新增表单元素:
email:用于输入电子邮件地址的输入框。
tel:用于输入电话号码的输入框。
url:用于输入URL地址的输入框。
range:用于输入一个范围内的数字(通常显示为滑块)。
number:用于输入数字的输入框,可以设置最大值和最小值。
color:用于选择颜色的输入框。
date:用于选择日期的输入框。
datetime-local:用于选择日期和时间的输入框(无时区)。
time:用于选择时间的输入框。
month:用于选择月份和年份的输入框。
week:用于选择周和年的输入框。
其他新增元素:
canvas:用于绘制图形的画布元素,支持通过JavaScript进行绘图。
svg:用于定义矢量图形的元素。
video:用于嵌入视频文件的元素。
audio:用于嵌入音频文件的元素。
progress:用于表示任务完成进度的元素。
meter:用于表示在已知范围内的测量值(如磁盘使用情况)。
figure:用于表示图像、图表、照片等内容的元素,通常与figcaption元素一起使用。
figcaption:用于为figure元素提供标题或说明。
fieldset:用于将表单中的元素进行分组。
legend:为fieldset元素提供标题。
script:用于嵌入或引用JavaScript代码。
bdi:用于隔离文本的双向格式设置。
details和summary:用于创建可折叠的内容区域,summary元素作为details元素的标题。
dialog:用于创建对话框元素。
mark:用于表示需要突出显示的文本。
time:用于表示日期或时间。
datalist:与输入框一起使用,提供预定义的选项列表。
output:用于表示计算结果或其他输出值。
新增属性
全局属性:
contenteditable:指定元素内容是否可编辑。
contextmenu:规定元素的上下文菜单(目前主流浏览器支持有限)。
data-*:用于存储私有页面后应用的自定义数据。
draggable:规定元素是否可拖动。
dropzone:规定当被拖动的数据在拖放到元素上时,是否被复制、移动或链接(目前主流浏览器支持有限)。
hidden:规定对元素进行隐藏。
spellcheck:规定是否对元素内容进行拼写检查。
translate:规定元素内容是否要翻译(目前主流浏览器支持有限)。
表单属性:
placeholder:为输入框提供占位符文本。
autofocus:规定在页面加载时,输入框应自动获得焦点。
required:规定在提交表单之前,必须填写输入字段。
autocomplete:规定是否启用输入字段的自动完成功能。
multiple:允许文件输入字段选择多个文件。
这些新增的元素和属性极大地丰富了HTML5的功能,使其能够更好地满足现代网页设计和开发的需求。