web前端开发示例_40多个针对Web开发人员HTML5教程和示例

web前端开发示例

HTML 5 offers a lot of new features to help web developers. In the last few days, I have read a lot about HTML5 and it seems to be way ahead in features compared to HTML 4.01.

HTML 5提供了许多新功能来帮助Web开发人员。 在过去的几天里，我阅读了很多有关HTML5的内容，与HTML 4.01相比，它在功能方面似乎领先。

While trying out the features and learning HTML5, I had collected a list of HTML 5 tutorials and examples that might come handy for web developers.

在试用这些功能并学习HTML5时，我收集了HTML 5教程和示例的列表，这些列表和示例可能对Web开发人员非常有用。

I hope this list will help you in learning and mastering HTML5 quickly.

希望这份清单能协助您快速学习和掌握HTML5。

HTML5示例和教程 (HTML5 Examples and Tutorials)

1. Coding A HTML 5 Layout From Scratch
   从头开始编写HTML 5布局
2. The Power of HTML 5 and CSS 3
   HTML 5和CSS 3的力量
3. How to Draw with HTML 5 Canvas
   如何用HTML 5画布绘制
4. Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part I]
   用php构建实时新闻博客系统。 内含HTML5，CSS3和jQuery [第一部分]
5. HTML5 Visual Cheat Sheet
   HTML5视觉备忘单
6. HTML5 Tutorial – Getting Started
   HTML5教程–入门
7. Design & Code a Cool iPhone App Website in HTML5
   使用HTML5设计和编写酷炫的iPhone App网站
8. HTML 5 Cheat Sheet (PDF)
   HTML 5备忘单（PDF）
9. HTML5 canvas – the basics
   HTML5 canvas –基础
10. Rethinking Forms in HTML5
    重新思考HTML5中的表单
11. Create modern Web sites using HTML5 and CSS3
    使用HTML5和CSS3创建现代网站
12. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
    HTML 5和CSS 3：您即将使用的技术
13. Coding Up a Web Design Concept into HTML & CSS
    将Web设计概念编码为HTML和CSS
14. A Preview of HTML 5
    HTML 5预览
15. The video element
    视频元素
16. Building Web Pages With HTML 5
    使用HTML 5构建网页
17. HTML5 Apps: Positioning with Geolocation
    HTML5应用：通过地理位置定位
18. Creating mobile Web applications with HTML 5
    使用HTML 5创建移动Web应用程序
19. HTML 5: nav ambiguity resolved
    HTML 5：解决了导航歧义
20. Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
    使用HTML5和CSS3编写向后兼容的一页投资组合
21. Yes, You Can Use HTML 5 Today!
    是的，您今天可以使用HTML 5！
22. Designing a blog with html5
    用html5设计博客
23. HTML 5 pocket book
    HTML 5袖珍本
24. Have a Field Day with HTML5 Forms
    使用HTML5表单度过愉快的一天
25. HTML5: The Basics (1 of 4)
    HTML5：基础知识（4之1）
26. HTML5 Boilerplates
    HTML5样板
27. How to Make an HTML5 iPhone App
    如何制作HTML5 iPhone应用程序
28. Semantics in HTML 5
    HTML 5中的语义
29. Building a custom HTML5 video player with CSS3 and jQuery
    使用CSS3和jQuery构建自定义HTML5视频播放器
30. How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6
    如何使所有浏览器正确呈现HTML5标记-甚至是IE6
31. Browser Storage for HTML5 Apps
    HTML5应用的浏览器存储
32. A Marriage Made in Heaven? HTML 5 & CSS 3
    天上的婚姻？ HTML 5和CSS 3
33. Preparing for HTML5 with Semantic Class Names
    使用语义类名称准备HTML5
34. Simple Website Layout Tutorial Using HTML 5 and CSS 3
    使用HTML 5和CSS 3的简单网站布局教程

Apart from all the above tutorials, here are some of the websites have very good content for understanding HTML5 and CSS3.

除了上述所有教程之外，这里还有一些网站具有很好的理解HTML5和CSS3的内容。

1. HTML5 Gallery
   HTML5图库
2. When can I use…
   我什么时候可以使用...
3. Dive Into HTML5
   深入HTML5
4. HTML5 Doctor
   HTML5 Doctor
5. HTML Reference
   HTML参考

If you have come across some other HTML5 good tutorials, feel free to add them in the comments section.

如果您遇到了其他一些HTML5优秀教程，请随时在评论部分中添加它们。

翻译自: https://www.journaldev.com/253/html5-tutorials-examples

web前端开发示例