HTML5学习

新标签

1. <audio>定义声音，比如音乐或其他音频流。支持的3种文件格式：MP3、Wav、Ogg。
2. <video> 定义视频，比如电影片段或其他视频流。支持三种视频格式：MP4、WebM、Ogg。
   提示：可以在标签之间放置文本内容，这样不支持元素的浏览器就可以显示出该标签的信息。

3. <source>为媒体元素（比如 <video> 和 <audio>）定义媒体资源。允许规定两个视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
   

4. <track> 标签为媒体元素（比如 <audio> and <video>）规定外部文本轨道，也就是字幕，字幕格式有 WebVTT 格式（.vtt 格式文件）。这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。
   

5. <article> 标签定义独立的内容。定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
   <article> 的潜在来源： - 论坛 - 帖子 - 博客 - 文章 - 新闻故事 - 评论

6. <aside> 标签定义 <article> 标签外的内容。aside 的内容应该与附近的内容相关。

7. <footer> 标签定义文档或者文档的一部分区域的页脚。<footer> 元素应该包含它所包含的元素的信息。在典型情况下，该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。在一个文档中，您可以定义多个 <footer> 元素。

8. <header> 标签定义文档或者文档的一部分区域的页眉。<header> 元素应该作为介绍内容或者导航链接栏的容器。在一个文档中，您可以定义多个 <header> 元素。
   注释：<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。

9. <nav> 标签定义导航链接的部分。并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。在不同设备上（手机或者PC）可以制定导航链接是否显示，以适应不同屏幕的需求。
   

10. 以下的 HTML 4.01 元素在HTML5中已经被删除:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

11. <canvas>标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
12. 1. 什么是SVG？

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

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

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

3. SVG 与 Canvas两者间的区别

• SVG 是一种使用 XML 描述 2D 图形的语言。
• Canvas 通过 JavaScript 来绘制 2D 图形。
• SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
• 在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
• Canvas 是逐像素进行渲染的。在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。
  

13. localStorage 和 sessionStorage
    客户端存储数据的两个对象为：
    • localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
    • sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。