html5新元素

HTML5 定了 8 个新的 HTML 语义（semantic） 元素。所有这些元素都是 块级 元素。

为了能让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属性值为 block:

header, section, footer, aside, nav, main, article, figure { display: block; }

 

<canvas>标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API

 

新多媒体元素

<audio>定义音频内容

<video>定义视频（video 或者 movie）

<source>定义多媒体资源<video>和<audio>

<embed>定义嵌入的内容，比如插件。

<track>为诸如<video>和<audio>元素之类的媒介规定外部文本轨道。

 

 

什么是SVG？

• SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
• SVG 用于定义用于网络的基于矢量的图形
• SVG 使用 XML 格式定义图形
• SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

SVGSVG优势

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

• SVG 图像可通过文本编辑器来创建和修改
• SVG 图像可被搜索、索引、脚本化或压缩
• SVG 是可伸缩的
• SVG 图像可在任何的分辨率下被高质量地打印
• SVG 可在图像质量不下降的情况下被放大

• 是万维网联盟的标准