HTML5自学笔记[ 1 ]新增标签

Posted 2020-06-08

新增语义化标签

1. <header></header>： 用于页面或板块头部。
2. <footer></footer>：用于页面底部。
3. <nav></nav>：导航。
4. <hgroup></hgroup>：标题组合。
5. <section></section>：一个板块或区块，用来划分区域。
6. <article></article>：一般用来呈现论坛的一篇帖子。
7. <aside></aside>：和主题相关的附属信息，如侧边栏、广告等  。
8. <figure></figure>：包含图片或视频等媒体元素。
9. <figcaption></figcaption>：包含图片或视频等媒体元素的说明文字，该标签包含在<figure>标签。
10. <time></time>：包含时间。

新增功能标签

1. <datalist></datalist>：表单文本输入框的提示列表；在<input>标签中用list属性和该标签的id关联；每个可选项用<option>标签包围，每个选项的值存在对应<option>标签的value属性中。
2. <details></details>：详情信息；包含<summary>标签配合使用；详细信息默认收缩，设置open属性为true展开。
3. <dialog></dialog>：对话； 内部包含<dt>和<dd>；展开收缩由open属性控制。
4. <address></address>：定义作者的地址或详细信息。
5. <mark></mark>：标记；被标记文本高亮。
6. <keygen></keygen>：公钥；后端使用。
7. <progess></progress>：进度条；最大值max，最小值min，当前值value；内部包含<span>50</span>%标签，是为了向下兼容。