html5简介

2014-12-16

HTML5简介

- 侠义上的html5 ：1  HTML4.0的升级版
                 2 HTML5+Css3+新增JS API 的结束组合
 - 广义上的HTML5 1 :HTML5行业的代名词
                  2 当前新技术的代名词

HTML 技术概括

1 邢增标签及属性
2 css3的信特性
3 Canvas绘图
4 javascript的新增api
5 移动端

HTML5的语法规范

1 文档声明
<!DOCTYPE html>
2 字符编码设置
<meta charset='UTF-8'>
3 HTML5 语法更加松散，容错性更高。

语义化标签的定义

常用的语义化标签
1 <header></header>   定义section 或page的页眉
    使用要点：
    可以是“网页”或任意“section”的头部部分
    没有个数限制
    如果h1-h6自己能工作的很好，就不要用header
2 <nav></nav>
使用要点：
用在整个页面主要导航部分上
<main></main>
使用要点：
一般放在主要内容区域，是和header同样层级的元素

3 <section></section>  定义文档中的节或段
    使用要点：
表示文档的节或段
Arcitcle、nav、aside可以理解为特殊的section，可以用article、nav、aside就不用section
4 <article></article>  定义文章
    使用要点：
    自身独立情况下：用article
    是相关内容：用section
    没有语义的：用div
5 <aside></aside>  定义页面内容之外的内容
    使用要点：
    Aside在main标签之内，和section或article标签对应，表示这些主要内容的附属信息
    如果是广告，其他日志链接或者其他分类导航也可以用
6 <footer></footer>  定义section或page 的页脚
    使用要点：

处理低版本浏览器兼容

解决方案：
<script type="text/javascript" src='js/html5shiv.js'></script>

[if lt IE 6]
说明：lt(代表less than)  当IE浏览器的版本小于IE6的时候，会执行其中的代码
[if lte IE 8]
说明：lte(代表less than equals)当IE浏览器的版本小于等于IE8的时候，会执行其中的代码