概念
- 什么是html5?
h5=html5+css3.0+js es6的技术组合
- 支持Html5的浏览器
谷歌,火狐,苹果,IE9及以上
- 为什么学HTML5?(新特性)
移动端的支持很好,canvas绘图(报表和游戏),多媒体的支持,
地理定位(地图相关的应用),本地存储(离线存储),语义标签,智能表单
- html5的兼容性
测试网站: http://html5test.com/
谷歌最好,IE最差
语义标签
1. html4的语义标签
table表格 form表单 img图片
2. html5的语义标签
header 头部
footer 页脚
nav 导航条
article 内容区域
section 区块(外层包裹的div)
aside 侧边栏
address 地址信息
progress 进度条
dialog 对话框
等等...
参考网站:http://www.w3school.com.cn/html/html5_semantic_elements.asp
<body>
<!--页头-->
<header><h1>页头</h1></header>
<!--导航条-->
<nav><h2>导航条</h2></nav>
<!--主体内容-->
<section>
<aside><h2>侧栏</h2></aside>
<div><h2>右侧内容</h2></div>
</section>
<!--页脚-->
<footer><h1>页脚</h1></footer>
</body>
网友评论