HTML5 New Elements(中文版)

原文链接:https://www.w3schools.com/html/html5_new_elements.asp

新的语义 / 结构元素

标签 描述
<article> 定义文档中的某篇文章
<aside> 定义除了页面内容之外的内容(如:侧边栏)
<bdi> 将一段文本从其外部文本中脱离出来,使其可以使用一种与外部文本不同的对其方式
<details> 定义一段用户可以查阅/隐藏的额外的详细信息
<dialog> 定义一个对话框 / 对话窗口
<figcaption> 定义 <figure> 元素的标题
<footer> 定义一个文档 / 章节的页脚
<header> 定义一个文档 / 章节的页眉
<main> 定义一个文档的主体内容
<mark> 定义标记/高亮文本
<menuitem> 定义一个用户可以通过弹出菜单调用的命令/菜单项
<meter> 定义在已知范围内的标量测量(量规)
<nav> 定义导航链接
<progress> 标示任务进度
<rp> 定义不支持 ruby 注释元素的浏览器所显示的内容
<rt> 定义字符(中文注音或字符)的解释或发音
<ruby> 定义 ruby 注释(中文注音或字符)
<section> 定义文档的章节
<summary> 定义 <details> 元素的可见标题
<time> 定义日期 / 时间
<wbr> 定义可能的(适当的)换行符

新的表单元素

标签 描述
<datalist> 指定输入控件的预定义选项列表
<keygen> 定义用于表单的密钥对生成器字段
<output> 定义计算结果

新的输入类型

Input Type & Input Attrs

新的属性语法

HTML 5 允许四种属性语法:空值、无引号值、双引号值、单引号值

Attributes Syntax

新的图形

标签 描述
<canvas> 使用 JS 绘图
<svg> SVG 绘图

新的媒体元素

标签 描述
<audio> 定义声音内容
<embed> 定义外部(非 HTML)应用的容器
<source> 为媒体元素( <video><audio> )指定多媒体资源
<track> 为媒体元素( <video><audio> )定义文本轨道
<video> 定义视频或电影

推荐阅读更多精彩内容