美文网首页
H5之新元素及浏览器支持

H5之新元素及浏览器支持

作者: 雅雅的前端工作学习 | 来源:发表于2018-08-17 10:21 被阅读0次

    1.可以自定义新元素:

    <style>
    myHero {
        display: block;
        background-color: #ddd;
        padding: 50px;
        font-size: 30px;
    }
    </style>
    <myHero>这是一个自定义新元素</myHero>
    
    1. ie8以下不支持,但有解决方法:
      可以使用Sjoerd Visscher创建的“HTML5 Enabling JavaScript”,"shiv"来解决问题,即在<head>元素中,引入html5shiv.min.js

    2. h5新元素:

    • <canvas>新元素:标签定义图形,比如图表和其他图像。该标签基于JavaScript的绘图api

    新多媒体元素

    • <audio>:定义音频内容
    • <video>:定义视频(video或者movie)
    • <source>:定义多媒体资源<video>和<audio>
    • <embed>:定义嵌入的内容,比如插件。
    • <track>:为诸如<video>和<audio>元素之类的媒介规定外部文本轨道。

    新表单元素

    • <datalist>:定义选项列表。请与input元素配合使用,来定义input可能的值
    • <key.gen>:规定用于表单的密钥对生成器字段。
    • <output>:定义不同类型的输出,比如脚本的输出。

    新的语义和结构元素

    2018-08-17_101318.png
    2018-08-17_101355.png

    相关文章

      网友评论

          本文标题:H5之新元素及浏览器支持

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