Question

html5新增了哪些标签？css3新增了哪些属性？

Answer 1

一、 h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。 

- h5新增的标签：

1. video ：  表示一段视频并提供播放的用户界面    

2. audio ： 表示音频    

3. canvas： 表示位图区域    

4. source：  为video和audio提供数据源    

5. track ：   为video和audio指定字母    

6. svg：  定义矢量图    

7. code： 代码段    

8. figure ： 和文档有关的图例    

9. figcaption ： 图例的说明  

10. time：  日期和时间值    

11. mark： 高亮的引用文字    

12. datalist ： 提供给其他控件的预定义选项    

13. keyge： 秘钥对生成器控件    

14. output ：  计算值    

15. rogress ：   进度条    

16. menu：    菜单    

17. embed：  嵌入的外部资源    

18. menuitem： 用户可点击的菜单项    

19. menu： 菜单  

二、 css3被划分为模块，最重要的几个模块包括：选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面。

新增属性：

• 选择器

• 框模型

• 背景和边框 
  border-radius、box-shadow、border-image、 
  background-size：规定背景图片的尺寸 
  background-origin：规定背景图片的定位区域 
  background-clip：规定背景的绘制区域

• 文本效果（常用） 
  text-shadow：设置文字阴影 
  word-wrap：强制换行 
  word-break 
  css3提出@font-face规则，规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

• 2/3D转换 
  transform：向元素应用2/3D转换 
  transition：过渡

• 动画

• @keyframes规则： 
  animation、animation-name、animation-duration等

• 用户界面（常用） 
  box-sizing、resize 
  css3新增伪类 
  ：nth-child() 
  ：nth-last-child() 
  ：only-child 
  ：last-child 
  ：nth-of-type() 
  ：only-of-type() 
  ：empty 
  ：target 这个伪类允许我们选择基于URL的元素，如果这个元素有一个识别器（比如跟着一个#），那么:target会对使用这个ID识别器的元素增加样式。 
  ：enabled 
  ：disabled 
  ：checked 
  ：not