HTML5新增标签 语义化标签
<header>头部</header> <section>内容</section> <footer>脚部</footer> <article>文字区域</article> <aside>侧边栏</aside> <nav>导航栏</nav>视频标签
<video> <source src="xx.mp4" type="vedio/mp4">//source标签可以规定视频的视频格式,有这个标签时,video标签上就不用写src了。 </video>video标签的属性
属性属性值作用src视频的地址链接指定视频内容controlscontrols显示视频进度条,包括播放按钮posterurl(图片地址)指定视频封面图mutedmuted视频静音autoplayautoplay视频自动播放preloadauto、metadata、none视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性。looploop视频循环播放heightxxpx设置高度widthxxpx设置宽度音频标签
<audio> <source src="xx.mp3" type="audio/mpeg"> </audio>audio标签的属性除了没有poster,其它和video还是差不多的。
嵌入标签
<embed type="image/jpg" src="xx.png">嵌入图片 <embed type="text/html" src="xx.html">嵌入HTML页面 <embed type="video" src="video.mp4"> 嵌入视频 <embed src="xx网址"> 嵌入网站其它常用标签
<mark>高亮标记标签</mark> <datalist>过滤列表,通过自身id与input绑定,input设置list=id</datalist> <figure>图像域,内部插入<img>标签</figure> <time>2019-09-09</time>能够将标签内的时间以机器可读的方式编码,方便实现日期提醒之类的功能。 <address>姓名邮箱等信息</address>这个标签用来显示文档作者的信息 <meter min="" max="" low="" high="" value="">这是一个有颜色的条条,min代表最小,max代表最大值,low和high可以给它分成3段 每段颜色就会不同,value是初始值。 <progress min-"" max="" value="" >一个进度条,我感觉和上面那个条条差不多,目前表现出的差别就是样式不同,上面的条条可以分段 而已。