一、语义化标签:
头部:header
导航栏标签:nav
内容区标签:section
文章区标签:article
尾部标签:footer
<ASIde></ASIde> 辅助信息
<hgroup></hgroup> 标题组
<figure> 类似于 dl dt dd
<figcaption>
</figcaption>
</figure>
mark: 高亮显示
dialog :对话框 需要结合open 显示
画布:canvas
视频标签:video
语法:
controls 控制视频
autoplay 自动播放
preload="auto" 预备加载
loop 循环播放
poster="" 定义第一帧画面的样子
<video src="videos/3theB.mp4" controls autoplay preload="auto" loop poster=""></video>
第二种可以选择支持类型播放的语法:
<video controls >
<source src="videos/3theA.mp4" type="video/mp4">
<source src="videos/c.mp4" type="video/mp4">
<source src="videos/3theA.mp4" type="video/mp4">
<source src="videos/3theA.mp4" type="video/mp4">
</video>
音频标签:radio
语法:
<video src="音频路径.mp3" controls autoplay="autoplay" loop preload="auto"></video>
controls 控制视频
autoplay 自动播放
preload="auto" 预备加载
loop 循环播放
embed src 图片 视频 音频 超链接
自动补齐标签:
html5的文件扩展名可以为html htm
<!DOCTYPE html> 不区分大小写
指定字符集编码<meta charset="UTF-8">
可以省略标记的元素不允许写结束标签的元素(单标签) br ,col,embed,hr,img,input,link,meat
可以省略结束标记(双标签) li,dt,dd,p,optiop,colgroup,thead,tboby,tfoot,tr,td
可以省略全部标记的元素:html、head、body、colgroup、tbody
属性值可以使用双引号,也可以使用单引号。
文字阴影:
text-shadow; 文本阴影
语法:text-shadow:水平阴影(必需) 垂直阴影(必需) 模糊度 阴影颜色(默认文字颜色)
盒子阴影:
box-shadow 盒子阴影
语法: box-shadow :水平(必需)、垂直(必需)、模糊 、模糊大小、颜色、inset(内部)