Html5与css3
Html5的八大特性
1、语义化标签
2、多媒体
3、离线存储
4、三维图形与特效
5、设备通用
6、性能与集成
7、链接
8、Css3
Html5的优点
1、多设备跨平台
2、自适应网页设计
3、即时更行
缺点：该标注未能很好的被浏览器所支持。
解决方法
<script type=”text/javascript” src=”js/html5.js”></script>
多媒体
加载流媒体
<embed src=”wav/aiff/au/swf/mp3” width=”” height=”” control/autoplay></embed>
音频<audio src=”mp4/mp3”></audio>
视频<video src=”mp4/webm/oggo”></video>
语义化标签
<header></header>结构性元素
作用：用来表示页面头部区域
标签内部：可包含h1-h6，nav，p，非结构性标签
标签外部：body，main，article，section。
<footer></footer>结构性元素
作用：用来表示页面底部区域
标签内部：可包含h1-h6，p，非结构性标签
标签外部：body，main，article，section。
注：nav不能用在footer标签中。
<nav></nav>非结构性元素 导航菜单
作用：用来表示导航菜单区域
标签内部：可包含h1-h6，p，非结构性标签
标签外部：body，main，article，section。
<main></main>结构性元素
作用：用来表示主体内容，main元素一个页面只能使用一个。标签内部：基本包含h5标签都可以。
标签外部：body。只能是body。
<article></article>结构性元素
作用：用来表示主体文章内容。
标签内部：可包含p，ul,li,img,audio,video,非结构性标签
标签外部：body mail等。
<aside></aside>结构性元素
作用：表示附注栏。附类信息和文章相关的链接和主体相关信息
标签内部：p ul li img audio video等
标签外部： main body article等
<section></section>结构性元素
作用：表示通用分段区域，分类信息
标签内部：h系列 ul li p img 等
外部标签：article aside其他等