HTML5新增的标签

1、结构标签(块状元素)——有意义的div

    <article>标记定义一篇文章

    <header>标记定义一个页面或一个区域的头部

    <nav> 标记定义导航链接

    <section>标记定义一个区域

    <aside> 标记定义页面内容部分的侧边栏

    <hgroup> 标记定义文件中一个区块的相关信息

    <figure> 标记定义一组媒体内容以及它们的标题

    <figcaption>标记定义figure 元素的标题。

    <footer> 标记定义一个页面或一个区域的底部

    <dialog>标记定义一个对话框(会话框)类似微信

2、多媒体标签

    三类多媒体标签

        <video>标记定义一个视频

        <audio>标记定义音频内容

        <source>标记定义媒体资源

        <canvas>标记定义图片

        <embed>标记定义外部的可交互的内容或插件,比如flash

标签意义多媒体

    标签的出现意味着富媒体的发展以及支持不使用插件的情况下即可操作媒体文件,极大地提升了用户体验。



3、Web应用标签

    状态标签

        <meter>状态标签(实时状态显示:气压、气温)C、O

        <progress>状态标签(任务过程:安装、加载)C、F、O

    列表标签

        <datalist>为input标记定义一个下拉列表,配合option F、O

        <details>标记定义一个元素的详细内容,配合summary C

    Menu

        <menu>命令列表(目前所有主流浏览器都不支持)

        <menuitem>menu命令列表标签(只有FireFox8.0+支持)

        <command>menu标记定义一个命令按钮(只有IE9支持)

4、其他标签

    注释标签

        <ruby>标记定义注释或音标

        <rp>告诉那些不支持ruby元素的浏览器如何去显示

        <rt>标记定义对ruby的注释内容文本

        <mark>标记定义有标记的文本(黄色选中状态)

        <output>标记定义一些输出类型,计算表单结果配合oninput事件

        <keygen>标记定义表单里一个生成的键值(加密信息传送)

        <time>标记定义一个日期/时间,目前所有主流浏览器都不支持


猜你喜欢

转载自blog.csdn.net/dj5508996/article/details/79693196