首页 > 代码库 > html5新增标签与删除标签

html5新增标签与删除标签

新增标签

 

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

 

    <article>       标记定义一篇文章

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

    <nav>           标记定义导航链接

    <section>    标记定义一个区域

    <aisde>    标记定义页面内容的侧边栏

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

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

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

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

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

 

  2.多媒体标签

 

    <video>       标记定义一个视屏

    <audio>       标记定义音频内容

    <source>      标记定义媒体资源

    <canvas>      标记定义图片

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

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

 

  3.Web应用标签

 

    状态标签

    <meter>          实时状态显示:气压、气温。

    <progress>       任务过程:安装、 加载。

    列表标签

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

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

    Menu

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

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

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

 

  4.其他标签

 

    注释标签

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

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

    <et>      标记定义对rubyd 注释内容文本

    其他标签

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

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

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

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

删除标签

    纯表现的元素

    besefont、 big、center、 font、s、strike、tt、u

    对可用性产生负面影响的元素

    frame、frameset、noframes

    产生混肴的元素

    acronym、 applet、 isindex、dir

重定义标签

  显示不变,只是表达的含义进行了重新定义的标签

    <b> 代表内联文本,通常是粗体,没用传递表示重要的意思

    <i > 代表内联文本,通常是斜体,没有传递表达重要的意思

    <dd> 可以同detailsy与figure一同使用,定义包含文本,dialog亦可使用

    <dt>  可以同details与figrue一同使用,汇总细节,dialog也可用

    <hr> 表示主题结束,而不是水平线,虽然显示相同

    <menu> 重新定义用户界面的菜单,配合commond或者menuitem使用

    <small>  表示小字体,例如打印注释或则法律条款

    <strong> 表示重要性而不是强调符号

  

html5新增标签与删除标签