h5简介和新增的标签

Contents

1. 1. h5
   1. 1.1. h5简介
   2. 1.2. 新增加的标签
      1. 1.2.1. 标签语义
      2. 1.2.2. 新标签的兼容问题：

h5

h5简介

• 我们日常讨论的H5其实是一个泛称，它指的是由HTML5 + CSS3 + Javascript等技术组合而成的一个应用开发平台。

• 特点：H5其实是一个泛称，它指的是由HTML5 + CSS3 + Javascript等技术组合而成的一个应用开发平台。

• HTML5在语法规范上的特点：
  1、更简洁
  2、更宽松

• 但是我们在实际开发中应规范书写，不建议太随意！并且现在基本所有网站都采用了HTML5的语法规范。

新增加的标签

标签语义

code block

<nav> //导航
<header> //页眉
<footer> //页脚
<section> //区块
<article>//文章
<aside>//侧边栏
<progress>//进度条

• 本质上新语义标签与 <div>、<span>没有区别，只是其具有语义性，使用时除了在HTML结构上需要注意外，其它和普通标签的使用无任何差别，可以理解成
  <div class="nav"> 相当于<nav>。不要好奇，它只是一个标签！
  尽量避免全局使用header、footer、aside等语义标签。

新标签的兼容问题：

对于新的标签IE9以下是不兼容的
document.createElement('tagName')创建的自定义标签，于是我们的解决方案就是将HTML5的新标签全部通过document.createElement('tagName')来创建一遍，这样IE低版本也能正常解析HTML5新标签了。（了解）
这个可以用一个新的cc:ie8就可以打出这个这个条件注释

<!-- 条件注释 他是条件成立才会执行里面的JS代码 -->
   <!-- 如果条件不成立就当成注释不执行 -->
   <!-- cc:ie6 -->
   <!--[if lte IE 8]>
         <script src="js/html5shiv.min.js"></script>
   <![endif]-->