表现形态都是 文本加粗 和 文本斜体
区别:是否具备语义化
blockquote : 引用大段的段落解释 q : 引用小段的短语解释 abbr : 缩写或首字母缩略词 address : 引用文档地址信息 cite : 引用著作的标题
<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>
1.header头部标签
2.nav导航标签
3.content内容标签
4.section定义文档某个区域
5.aside侧边栏标签
6.footer尾部标签
定义这些语义化标签的目的是为了简化代码,不需要整个网页都用div标签定义再class,可以直接写<header>/<header>。并且这些语义化标签可读性更强,看到这个标签就知道是哪个部分。
<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设置加载等待时的画面图片
<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)