HTML5新增标签

<header></header>

头部

<footer></footer>

尾部

<nav></nav>

导航

<section></section>

内容区域

<aside></aside>

辅助信息

<article></article>

文章

<embed src="" type="">

媒体文件引入

<figure></figure>

<figcaption></figcaption>

独立内容区域

<mark></mark>

高亮显示

<dialog></dialog>

对话框

<canvas></canvas>

画布

<hgroup></hgroup>

标题组
<body>
    <!-- 头部 -->
    <header></header>
    <!-- 尾部 -->
    <footer></footer>
    <!-- 导航 -->
    <nav></nav>
    <!-- 内容区域 -->
    <section></section>
    <!-- 辅助信息 -->
    <aside></aside>
    <!-- 文章 -->
    <article></article>
    <!-- 媒体文件引入 -->
    <embed src="" type="">
    <!-- 独立内容区域 -->
    <figure></figure>
    <figcaption></figcaption>
    <!-- 高亮显示 -->
    <mark></mark>
    <!-- 对话框 -->
    <dialog></dialog>
    <!-- 画布 -->
    <canvas></canvas>
    <!-- 标题组 -->
    <hgroup></hgroup>
</body>

视频  <video></video>

写法一:<video  src="引入视频"></video>

写法二:<video><source  src="引入视频"></source></video>

引入视频之后,需要其他属性配合

显示控件属性   controls
循环属性  loop
自动播放  autoplay
定义第一帧的图片  poster="图片路径"
静音  muted
预备加载  preload

音频 <audio></audio>

<audio  src="引入音频"></audio> 

显示控件属性   controls
循环属性  loop
自动播放  autoplay
静音  muted
预备加载  preload

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大聪明码农徐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值