美文网首页
html5-- 总结 (2)

html5-- 总结 (2)

作者: big5 | 来源:发表于2016-07-16 15:26 被阅读15次

    html5 的新标签

    结构标签

    • article:
      定义文章,使用范围通常有,论坛帖子,博客文章,新闻故事,评论

    • aside:
      定义文章的侧边栏。

    • detailes:
      定义列表项,safari 不支持此特性

    • figure:
      一组媒体对象及文字,定义独立的流内容(图像,图表,照片,代码)
      figcaption 定义figure 的标题

    • section:
      定义文档的某个区域。如 章节,头部,底部

    • header:
      定义section或者document页眉,一般在文章内容介绍,导航连接器的容器

    • footer:
      定义section或者document页脚,文档创建者的名字,文档版权,链接,联系信息等。

    • nav:
      定义导航部分

    • mark:
      定义带有标记的文本

    多媒体标签

    • audio:

      • 音频标签
      • 支持格式有:

      mp3 type="audio/mped
      wav type="audio/wav
      ogg type="audio/ogg

      • 属性

        1. control 显示音频控件
        2. autoplay 准备就绪后,自动播放
        3. loop 自动单曲循环
        4. muted 事件
        5. src 规定音频文件的路径
      • source 定义资源类型 由浏览器进行选择

    • video

      • 视频标签
      • 支持格式

      mp4 type="video/mp4 webM type="video/webm" ogg type="video/ogg"

      • 属性
        1. 拥有audio的所有属性。
        2. 设置宽,高。 width height
        3. poster 视频在加载时显示的图像
    • embed
      可以插入各种多媒体

    • canvas
      画布(后面有专题)

    • progress meter
      进度条

    • time
      时间

    输入标签

    h5 不支持的元素

    • center 使文字居中的标签
    • font 定义文字字体的标签
    • strike 定义加删除线的文字
    • basefont 定义页面默认的字体,颜色和尺寸
    • big 定义大号文本
    • dir 定义目录列表
    • noframes 定义不支持框架的用户的代替内容

    相关文章

      网友评论

          本文标题:html5-- 总结 (2)

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