zoukankan      html  css  js  c++  java
  • HTML5基础1

    HTML5基础1
    语义化标签:
    • section元素 表示页面中的一个区块
    • article元素 表示一块与上下文无关的独立的内容
    • aside元素 在article之外的,与article内容相关的辅助信息
    • header元素 表示页面中一个内容区块或整个页面的标题
    • footer元素 表示页面中一个内容区块或整个页面的脚注
    • nav元素 表示页面中导航链接部分
    • figure>figcaption (类似于dl>dt+dd)
    表示一段独立的内容,使用figcaption元素为其添加标题(第一个或最后一
    个子元素的位置)
    • main元素 表示页面中的主要的内容(ie不兼容)
    • hgroup标题的一个分组
    • mark定义高亮显示的文本(span)默认背景颜色为黄色,内联元素
    • time时间,内联元素
    • dialog标记定义一个对话框(会话框)类似微信(默认display:none;有默认边框)
    • embed 标记定义外部的可交互的内容或插件 比如flash
    多媒体标签:

    		<video src="" controls autoplay="autoplay" loop="loop" muted="muted" poster="img/1.jpg">
    			<source type="video/mp4" src="">
    			<source type="video/ogg" src="">
    			<source type="video/webm" src="">
    			您的浏览器就是个渣,看不见我
    		</video>
                        <audio src=""></audi>
    

    controls属性:如果出现该属性,则向用户显示控件,比如播放按钮。
    autoplay属性:如果出现该属性,则视频在就绪后马上播放。(谷歌屏蔽了)
    loop属性:重复播放属性。
    muted属性:静音属性。
    poster属性:规定视频正在下载时显示的图像,直到用户点击播放按钮(第一帧)

    source标签为媒介元素,定义媒介资源。
    标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
    Type属性值:
    用于视频:video/ogg video/mp4 video/webm
    用于音频:audio/ogg audio/mpeg audio/wav

  • 相关阅读:
    greenplum表的distributed key值查看
    oracle dump的使用心得
    Linux du与df命令的差异
    从语言只是工具说起
    DDD领域模型
    同一个对象在另一个对象中容易出现重复引用造成map覆盖,HiJson出现严重漏洞自动删除了$ref和空值
    乒乓球相关
    字符串转xml
    最新版java题
    list集合进行分页
  • 原文地址:https://www.cnblogs.com/strongerPian/p/12510307.html
Copyright © 2011-2022 走看看