标签:
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等。
标签:
原文地址:http://www.cnblogs.com/feiyu1111111111/p/4995060.html