html5标签
2015-11-25 16:26
615 查看
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其他等
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其他等
相关文章推荐
- h5基础
- html5开发之viewport使用
- HTML5入门(2)
- HTML5吧
- html5 video播放不全屏
- HTML5之FileReader的使用
- HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
- html5知识学习之Video对象的属性autoplay,buffered,controls用法讲解
- slidify+rCharts+ECharts制作炫酷HTML5报告
- Transform/Transition/Animation的区别与联系
- kphp框架学习之html5的video视频标签学习总结
- WebGL实现HTML5的贪吃蛇3D游戏
- HTML5本地缓存数据
- 10款超炫HTML5游戏 附游戏源码
- html5/css3 ul/li 下拉菜单展示
- [h5开发博客] Web开发者推荐的最佳HTML5/CSS3代码生成器
- Web开发者推荐的最佳HTML5/CSS3代码生成器
- web开发者推荐的最佳HTML5/CSS3代码生成器
- web开发者推荐的最佳HTML5/CSS3代码生成器
- Web开发者推荐的最佳HTML5/CSS3代码生成器