h5面试题

html5现在有很多新标签，浏览器不支持怎么办

• 使用document创建标签
• 使用Google的html5shim包：在中调用以下代码：

<!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

• 使用kill IE6: 在之前调用以下代码：

<!--[if lte IE 6]>
  <script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<![endif]-->

HTML语义化

• web语义化的意思是指:通过HTML标记表示页面所包含的信息，包括HTML标签的语义化和CSS命名的语义化。HTML标签的语义化是指： 通过使用包含标签语义的标签，如h1-h6、strong，来恰当的表示文档的结构；CSS命名语义化是指：为html标签添加有意义的class和id名， id补充未表达的语义。

• 为什么需要语义化

  • 1.去掉样式后页面呈现清晰的结构
  • 2.盲人使用读屏器可以更好的阅读
  • 3.搜索引擎更好地理解页面，有利于收录
  • 4.使团队的项目可以持续的运作和维护

DOCTYPE

<!doctype>声明其实并不是一个html标签，它是一个告诉浏览器当前HTML版本的指令，现代浏览器的html布局引擎通过检查doctype决定 使用怪异模式还是标准模式对文档进行渲染。

HTML5新添标签

• 非主体结构标签

  1.header
  2.hgroup
  3.footer

• 主体结构标签

  1.article
  2.section

HTML5的新特性

①用于绘画的canvas元素 ②新媒体标签video和audio ③对本地离线储存的更好的支持：LocalStorage、SessionStorage ④新的表单控件，比如calendar、date、time、email、url、search