本文将深入探讨HTML5语义化标签的运用，配合CSS3样式和JavaScript实现动态交互，带你领略现代网页开发的核心技术。
一、语义化标签：
头部：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（内部）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
