Html5知识精粹纪录

1. HTML5文档的正文结构及新元素

 正文结构: <header> <nav> <section> <aside> <footer>
 深入正文: <article> <hgroup> <figure> <figcaption>
 新旧元素: <mark> <small> <cite> <address>
 其他：<audio> <video> <canvas> <svg>等

2. CSS样式及新特性

样式引入:

 内联样式<style="width: 50px;">
 嵌入样式<style  type="text/css"> p { margin: 0 auto; } </style>
 外部文件<link href="***.css" rel="stylesheet" type="text/css">
 @import方式

选择器:

所有浏览器都支持的:
    a. 标签选择器 E { }　　
    b. ID选择器 #ID {}　　
    c. 类选择器 .className {}
    d. 群组选择器 E1, E2, E3 {}　　
    e. 后代选择器 E F {}　　
    f. 通配选择器 * {}
大部分浏览器支持的:
    a. 伪类选择器 E:PseudoElements {}　　
    b. 子选择器 E > F {}　　
    c. 临近选择器 E + F {}
    d. 属性选择器 E[attr]

CSS3新特性：

a. 边框  border-radius边框圆角 box-shadow边框阴影  border-image边框图片
b. 背景  background-size背景大小 background-origin背景定位(content-box、padding-box 或 border-box)
c. 文本  text-shadow文本阴影 word-wrap
d. 字体  @font-face 规则
e. 转换  transform(2D and 3D -> translate() rotate() scale() skew() matrix())
f. 过渡  transition
g. 动画  animation
h. 多列  column-count  column-gap  column-rule
i. 用户  resize  box-sizing  outline-offset　　　

3. 新增API特性

新增属性：
    a. 特定标签下属性 如"script下的async属性"等
    b. 全局属性 如"contenteditable属性 data-*属性"等
扩展API：
    a. 元素工具扩展: getElementsByClassName() getquerySelector() querySelectorAll()
    b. HTMLElement接口扩展: innerHTML classList操作
    c. JS内置对象扩展: Array的forEach filter every等
特定API：　　
    a. 音视频 API
    b. 表单 API
    c. Canvas API
    d. 拖放操作 API
    e. 地理位置 API
    f. 存储 API
    g. 数据库 API
    h. 历史管理 API
    i. 跨文档请求 websocket API　
    j. 文件操作 API
    k. 多线程 Web Workers API

如需转载，请标明出处!~