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

原文地址:https://www.cnblogs.com/strongerPian/p/12510307.html