美文网首页
Html5增加以及删除的标签

Html5增加以及删除的标签

作者: 莫莫利亚 | 来源:发表于2018-11-13 15:22 被阅读0次

    新增的标签

    增加的结构标签
    <section> 标记定义一个区域
    <article> 标记定义一篇文章
    <aside> 标记定义页面内容部分的侧边栏
    <header> 标记定义一个页面或一个区域的头部
    <hgroup> 标记定义文件中一个区块的相关信息
    <footer> 标记定义一个页面或一个区域的底部
    <nav> 标记定义导航链接(navigation)
    <figure> 标记定义一组媒体内容以及它们的标题
    <figcaption>标记定义figure元素的标题
    <footer>标记定义一个页面或一个区域的底部

    新增的媒体标签
    <audio> 标记定义音频内容
    <video> 标记定义一个视频
    <embed>标记定义外部的可交互的内容或插件
    <source>标记定义媒体资源
    <canvas>标记定义图片

    新增表单控制标签

    <input> type 属性

    <label>网址:</label><input type="url" name="" required>
    <label>邮箱:</label><input type="email" name="" required>
    <label>日期:</label><input type="date" name="">
    <label>时间:</label><input type="time" name="">
    <label>星期:</label><input type="week" name="">
    <label>数量:</label><input type="number" name=""> 
    <label>范围:</label><input type="range" name="">
    <label>电话:</label><input type="tel" name="">
    <label>颜色:</label><input type="color" name="">
    <label>搜索:</label><input type="search" name="">
    

    其他一些新增标签

    注释标签
    <rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
    <ruby> 标记定义注释或音标
    <rt> 标记定义对ruby annotations的解释
    其他标签:
    <mark> 标记定义有标记的文本
    <progress> 标记定义任务的过程
    <time> 标记定义一个日期/时间
    <canvas> 标记定义图片
    <command> 标记定义一个命令按钮
    <details> 标记定义一个元素的详细内容
    <datalist> 标记定义一个下拉列表
    <keygen> 标记定义表单里一个生成的键值
    <output> 标记定义一些输出类型
    <source> 标记定义媒体资源
    <meter> 标记定义
    <wbr>Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。

    被删除的标签

    能用CSS代替的纯表现的元素标签:
    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增加以及删除的标签

          本文链接:https://www.haomeiwen.com/subject/mkbkfqtx.html