前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布

html5

作者头像
用户9603238
发布2022-03-31 17:12:51
5.4K0
发布2022-03-31 17:12:51
举报
文章被收录于专栏:xsa的blogxsa的blog

html

strong与b、em与i

表现形态都是 文本加粗 和 文本斜体

区别:是否具备语义化

引用标签

blockquote : 引用大段的段落解释 q : 引用小段的短语解释 abbr : 缩写或首字母缩略词 address : 引用文档地址信息 cite : 引用著作的标题

map与热区

代码语言:javascript
复制
<img src="./img/star.jpg" alt="" usemap="#star">
    <map name="star">
        <!-- <area shape="rect" coords="205 83 386 173" href="https://www.taobao.com" alt=""> -->
        <!-- <area shape="circ" coords="300 130 50" href="" alt=""> -->
        <area shape="poly" coords="305 99 233 156 256 250 172 197" href="" alt="">
    </map>

HTML5新增的语义化标签

1.header头部标签

2.nav导航标签

3.content内容标签

4.section定义文档某个区域

5.aside侧边栏标签

6.footer尾部标签

代码语言:javascript
复制

定义这些语义化标签的目的是为了简化代码,不需要整个网页都用div标签定义再class,可以直接写<header>/<header>。并且这些语义化标签可读性更强,看到这个标签就知道是哪个部分。

网页中添加视频文件

代码语言:javascript
复制
<video width=" 设置宽度" height="设置高度" controls>

​           <source src="movie.mp4" type="video/mp4">

</video>

autoplay设置视频自动播放(谷歌浏览器需要添加muted才能自动播放) controls可以向用户显示播放控件(播放按钮,进度条,全屏等) width设置播放器宽度 height设置高度 loop设置视频循环播放 muted设置静音播放 preload:auto;(预先加载视频)/none(不预先加载) 如果设置了autoplay就忽略该操作 poster:imgurl设置加载等待时的画面图片

网页中添加音频文件

代码语言:javascript
复制
<audio controls="controls">

​           <source src="happy.mp3" type="audio/mpeg">

​            <source src="happy.ogg" type="audio/ogg">

​             您的浏览器暂不支持<audio>标签。

</audio>

它的值有autoplay(自动播放), controls(显示音频控件), loop(循环播放),muted(静音播放),preload(预先加载),src(音频文件的url)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-10-282,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • html
    • strong与b、em与i
      • 引用标签
        • map与热区
        • HTML5新增的语义化标签
          • 网页中添加视频文件
            • 网页中添加音频文件
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档