语义化标签
头部标签：<header></header>
导航栏标签：<nav></nav>
内容区标签：<section></section>
辅助信息：<aside></aside>
文章：<article></article>
媒体文件引入：<embed src=""></embed>
尾部标签：<footer></footer>
独立内容块：
<figure>
<figcaption>标题，提示信息</figcaption>
<img src="图片路径">
</figure>
高亮显示：<mark></mark>
标题组：<hgroup></hgroup>
对标题元素进行分组
对话框：<dialog open></dialog>
注意：没有open，对话框不显示
定义图片(画布)：<canvas></canvas>
视频标签
video标签：播放视频
语法：
<video src="视频路径.mp4" controls autoplay loop poster="图片路径"
preload="auto"></video>
controls:控制视频，加上这个就是可以播放视频，不加只能显示第一帧图片
autoplay:自动播放
loop:循环播放
poster:视频第一帧显示的图片
preload:预备加载
还有一种可以选择支持类型播放的标签
<video controls>
<!-- source是可以选择浏览器支持的可以播放的视频 -->
<source src="videos/小尖尖.mp4" type="mp4">
<source src="videos/薛之谦MV.mp4">
<source src="bb.mp4">
</video>
音频标签
radio标签：播放音频
语法：
<radio src="音频路径.mp3" controls autoplay="autoplay" loop preload="auto"></radio>
controls:控制音频，加上这个就是可以播放音频
autoplay:自动播放
loop:循环播放
preload:预备加载
自动补齐标签
- html5的文件扩展名可以为html htm
<!DOCTYPE html>不区分大小写- 指定字符集编码
<meta charset="UTF-8"> - 可省略标记的元素不允许写结束标记的元素(单标签)：br,col,embed,hr,img,input,link,meta
- 可省略结束标记(双标签):li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td
- 可以省略全部标记的元素:html、head、body、colgroup、tbody
- 属性值可以使用双引号，也可以使用单引号。
文字阴影效果
text-shadow:设置文本阴影效果
语法：
text-shadow:水平阴影距离 垂直阴影距离 阴影距离【默认0】 阴影颜色【默认为文本颜色】
注意：水平阴影距离 垂直阴影距离这两个属性值必须有
盒子阴影效果
box-shadow:设置盒子阴影效果
语法：
text-shadow:水平阴影距离 垂直阴影距离 阴影距离【默认0】阴影大小 阴影颜色【默认为文本颜色】内部inset【默认外部】
注意：水平阴影距离 垂直阴影距离这两个属性值必须有
区别：盒子阴影颜色默认为盒子内部文本的颜色
扫一扫
3100
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
