你的位置:首页 > 软件开发 > 网页设计 > 4月9日学习笔记——HTML5

4月9日学习笔记——HTML5

发布时间:2016-04-09 12:00:08
新增功能1. HTML5新标准中直接添加了拥有具体含义的HTML标签比如:<article>、<footer>、<header>、<nav>、<section>、<video>, <progre ...
  • 新增功能

1. HTML5新标准中直接添加了拥有具体含义的HTML标签比如:<article><footer><header><nav><section>、<video><progress>(进度条)、<meter>(容量占用条)、<time>(不显示效果)<aside>(文章侧栏)<canvas>

    同时取消了一些标签,如<acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <isindex>, <noframes>, <strike>,<tt>

2. HTML5的标准中直接添加了智能表单,让这一切都变得那么的简单,比如 calendardatetimeemailurlsearch

3. 在HTML5标准中原生的就支持音频、视频、画布等技术。让WEB程序更加独立,更好的适应多种形式的客户端。

4. HTML5 提供了两种在客户端存储数据的新方法

4月9日学习笔记——HTML5

5. HTML5 的canvas元素使用 JavaScript 在网页上绘制图像。并拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

6. 在不影响UI update及浏览器与用户交互的情况下, 前端做大规模运算,只能通过 setTimeout 之类的去模拟多线程 。而新的标准中,JS新增的HTML5 Web Worker对象原生的就支持多线程。

7. WebSockets是在一个(TCP)接口进行双向通信的技术,PUSH技术类型。WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一,在传统的无状态HTTP协议中,这是“无法做到”的。

8. HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全地忽略掉新的HTML5代码。与HTML4.01相比,HTML5给出了解析的完整规则,让不同的浏览器即使在发生语法错误时也能返回完全相同的结果。

9. 由于项目中经常遇到用Web应用中控制操作本地文件,而之前都是使用一些富客户端技术比如flashActiveXSilverlight等技术。在HTML5的新的提供的 HTML5 File API 让JS可以轻松上阵了。

10. HTML5仅有一种类型,<!DOCTYPE html>


 

  • 页面布局变化

4月9日学习笔记——HTML5   HTML5: 4月9日学习笔记——HTML5

代码如下:

 1 <!DOCTYPE html> 2 <html> 3   <head> 4     <title>my page</title> 5   </head> 6   <body> 7     <header>header</header> 8     <nav>nav</nav> 9     <article>10       <section>section</section>11     </article>12     <aside>aside</aside>13     <footer>footer</footer>14   </body>15 </html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:4月9日学习笔记——HTML5

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。