下面是HTML5新元素列表,并描述了它们具体用于什么.
HTML5提供了新元素用于更好的文档结构:
| 标签名 | 描述 |
|---|---|
| <article> | 定义一篇文章 |
| <aside> | 定义页面内容的旁白 |
| <bdi> | 定义文本中的一部分文字,这部分文字可能被格式化为了不同的方向 |
| <details> | 定义用户可以隐藏或显示的附加信息 |
| <dialog> | 定义一个对话盒子或窗口 |
| <figcaption> | 定义<figure>元素的标题 |
| <figure> | 定义独立内容,例如:说明信息,图解,照片,代码等等. |
| <footer> | 定义文档或某一区域的底部 |
| <header> | 定义文档或某一区域的头部 |
| <main> | 定义文档的主体内容 |
| <mark> | 定义被标记或高亮的文字 |
| <menuitem> | 定义一个命令或菜单项,用户可以从弹出菜单中调用 |
| <meter> | 定义一个已知范围(尺度)的标量尺寸 |
| <nav> | 定义文档里的导航链接 |
| <progress> | 定义任务的进度 |
| <rp> | 定义浏览器不支持ruby注释时显示的内容 |
| <rt> | 给字符(东方亚洲活版印刷)定义解释或发音 |
| <ruby> | 定义ruby注释(用于东方亚洲活板印刷) |
| <section> | 在文档里定义一个区域 |
| <summary> | 给<details>元素定义可见的标题 |
| <time> | 定义日期或时间 |
| <wbr> | 定义可断行 |
阅读更多关于HTML5语义
| 标签 | 描述 |
|---|---|
| <datalist> | 给文本输入框指定预选项 |
| <keygen> | 定义一个密钥对生成器字段(用于表单) |
| <output> | 定义计算结果 |
在HTML 表单元素章节阅读所有关于旧的或新的表单元素.
| 新的输入类型 | 新的输入属性 |
|---|---|
| color | autocomplete |
| date | autofocus |
| datetime | form |
| datetime-local | formaction |
| formenctype | |
| month | formmethod |
| number | formnovalidate |
| range | formtarget |
| search | height和width |
| tel | list |
| time | min和max |
| url | multiple |
| week | pattern (正则表达式) |
| placeholder | |
| required | |
| step |
在HTML input类型章节学习全部关于新旧输入类型的知识
在HTML input属性章节学习全部关于输入属性的知识
HTML5的属性有四种不同的语法.
下面的例子展示了<input>标签的四种不同的语法:
| 类型 | 例子 |
|---|---|
| 属性没有值 | <input type="text" value="小明" disabled> |
| 属性值没有引号 | <input type="text" value=小明> |
| 属性值用双引号引起来 | <input type="text" value="小明 小花"> |
| 属性值用单引号引起来 | <input type="text" value='小明 小花'> |
在HTML5里,四种语法都可能用到,根据属性来决定写法.
评论区