HTML5基础

了解HTML5

HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体

• 新特性：
  • 取消了过时的显示效果标记 <font></font> 和 <center></center> ...
  • 新语义标签的引入
  • 新表单元素引入
  • canvas标签（图形设计）
  • 本地数据库（本地存储）
  • 一些API
• 好处：
  • 跨平台

    例如：比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。

• 缺点：
  • pc端浏览器支持不是特别友好，造成用户体验不佳

新语义标签

• 网页布局结构标签
  • <header></header>
  • <footer></footer>
  • <article></article>
  • <aside></aside>
  • <nav></nav>
  • <section></section>
  • ......
• 浏览器兼容处理
  • 第一种解决方案：

    <script type="text/javascript">
    ??document.createElement("nav");
</script>

  • 第二种解决方案：通过js插件

    <script type="text/javascript" src="code/html5shiv.min.js"></script>

  • 第三种解决方案：终极解决方案

    <!--[if lte IE 8]>
    ??<script type="text/javascript" src="code/html5shiv.min.js"></script>
<![endif]-->

HTML5基础