当前位置:首页 > Web开发 > 正文

还表示主题结束

2024-03-31 Web开发

<!DOCTYPE html>

布局标签(有意义的div)

<header>符号界说一个页面或一个区域的头部</header> <nav>符号界说导航链接</nav> <section>符号界说一个区域</section> <article>符号界说一篇文章</article> <aside>符号界说页面内容部分的侧边栏</aside> <hgroup>符号界说文件中一个区块的相关信息</hgroup> <figure>符号界说一组媒体内容以及它们的标题</figure> <figcaption>符号界说figure元素的标题</figcaption> <dialog>符号界说一个对话框(类似微信会话框)</dialog> <footer>符号界说一个页面或一个区域的底部</footer>

//header/section/aside/article/footer 标签不要嵌套使用

//header/section/footer 大于 aside/article/figure/hgroup/nav 大于 div/figcaption

新增加的多媒体标签

<video>符号界说一个视频</video> <audio>符号界说音频内容</audio> <canvas>符号界说图片</canvas> <source src="" type="">符号界说媒体资源 <embed>符号界说外部的可交互的内容或插件,好比flash</embed>

 

音频标签

<audio>不撑持audio标签才会显示这段文字</audio>

1、src属性:直接引入音频
2、autoplay="autoplay",,音频自动播放
3、loop="-1″,音频无限循环
4、controls = "controls",使用浏览器的音频播放

如果audio标签里面有多个音频文件,可以用:

<audio> <source src="xxx.mp3″ type="audio/mpeg">  //音频文件转码用:type="audio/mpeg"(audio里面的mp3文件) <source src="aaa.mp3″ type="audio/mpeg"> </audio>

视频标签

<video width="1024px" height="800px">不撑持video标签才会显示这段文字</video>

1、src属性:直接引入音频
2、autoplay="autoplay",音频自动播放
3、loop="-1″,音频无限循环
4、controls = "controls",使用浏览器的音频播放

如果video标签里面有多个音频文件,可以用:

<video> <source src="xxx.mp4″ type="video/mp4″>//视频文件转码用:type="video/mp4″(video里面的mp4文件) <source src="aaa.mp4″ type="video/mp4"> </video>

外部的可交互的内容或插件 使用

<embed src="xxx.swf" width="" height=""></embed>  //embed一般用来引用flash文件

新增加的web应用标签

<meter>状态标签(实时状态显示:气压、气温)</meter>
<progress value="" max="">状态标签(任务过程:安置、加载)

meter //实时显示气压、气温

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31434.html