HTML5知识点汇总

1、HTML5新特性

• 用于绘画的canvas标签
• 用于媒介回放的video和audio元素
• 对本地离线储存的更好支持
• 新的特殊内容元素，如：article、footer、header、nav、section、aside、hgroup、figure
• 新的表单控件，如：calendar、date、time、email、url、search、number、range、DatePickers
• 浏览器支持 Safari、Chrome、Firefox以及Opera包括IE9基本支持HTML5

2、HTML5全局属性

• contentEditable属性
• designMode属性
• hidden属性：不渲染元素
• spellcheck属性
• tabindex属性

3、HTML5语义化

• 主体结构元素：article/section/nav/aside/time
• 非主体结构元素：header/footer/hgroup/address
• 网页编排规则：
  • 显式编排：明确使用section元素创建文档结构，在每个内容区块内使用标题
  • 隐式编排：不明确使用section等元素，根据页面中所书写的各级标题等把内容区块自动创建出来。
  • 隐式编排容易让自动生成的整个文档结构和想要的文档结构不一样，而且也容易引起文档结构的混乱，因此需要尽量使用显示编排。
  • 不同的内容区块可以使用相同级别的标题