HTML5 Series 1: A Brief Introduction to html5

HTML5 Series 1: A Brief Introduction to html5

Recently, I was very idle. I just wanted to learn something, and then I got started with html5. I used to read some very simple things. This time I learned it from the system and recorded it by the way. Start with the question.

Html5 is the result of cooperation between W3C and WHATWG.

Html5 rules:

New features should be based on HTML, CSS, DOM, and JavaScript; reduce external plug-in requirements (such as Flash); better error handling; more replace script markup; HTML5 should be independent of devices; the development process should be transparent to the public

New html5 features:

Canvas elements used for painting; video and audio elements used for media playback; better support for local offline storage; new special content elements, such as article, footer, header, nav, and section. New Form controls, such as calendar, date, time, email, url, and search

Browser support: the latest versions of Safari, Chrome, Firefox, and Opera support some HTML5 features. Internet Explorer 9 will support some HTML5 features.

There are some differences between html5 and html4.01. video tags, canvas graphical tags, command tag definition command buttons, and so on are added. html5 does not support some tags in html4.01, and some attributes in some tags are not listed one by one. It will be mentioned in subsequent blogs, just pay attention to it.

Html5 also has advantages and disadvantages. html5 itself is recommended by W3C. It is developed through technologies developed by hundreds of companies such as Google, apple, and China Mobile, the biggest advantage of this technology is that it is an open technology. In addition, the W3C standard means that every browser or platform will implement it.

Html also supports multiple devices and platforms, which makes it portable and attracts most people's interest in html5.

The advantages of html5 are summarized as follows:

1. Improve availability and user friendly experience;

2. There are several new labels, which will help developers Define important content;

3. It can bring more multimedia elements (video and audio) to the site );

4. It can effectively replace FLASH and Silverlight;

5. SEO is friendly when it comes to website crawling and indexing;

6. It will be widely used in mobile apps and games.

Any technology has two sides, so the problem arises, and its disadvantages:

1. the browser programming model was also popular in 1990s as the single process single thread. However, apps with native implementations (such as Object C) can use multiple threads. Write an APP on the Mobile End. Multiple Threads can be used. The first thread is called the main thread. The first principle of programming is don't do heavy work on main thread. Generally, it only processes UI events, and other heavy work is done by other background threads. But the browser has only one thread, and everything is done by it. On the desktop, browser programming is not too much problem, because it is fast enough; but on the Mobile End, this disadvantage is obvious.

2. It is new, but it does not mean it is secure. The web pages built by html5 are as easy to leak some sensitive data as those written in other languages. In March 2013, a HTML5 programming language vulnerability was discovered: it allowed websites to use several GB of junk data to bomb users and even fill hard disks in a short time. Multiple mainstream browsers will be affected.

The above is some basic introduction to html5, which may not be completely written. You can add it to those who know it.

　　

　　

　　

　　

　　　　

　　　

 

 

 

 

　　　

We recommend an html entry book to cover html5

1. Pro HTML 5 Programming HTML5 Advanced Programming
Author: Peter Lubbers, Brian Albers, Frank Salim
This book is suitable for Web application developers with rich programming experience. In other words, we will not introduce the basic knowledge of Internet development in this book. This book contains many ready-made resources to accelerate the learning of Web programming principles.
2. HTML5: Up and Running HTML5 secrets
Author: Mark Pilgrim

Eight key topics in the book:
● New elements, such as <Header>, <footer>, and <section> (Chapter 1)
● Canvas Element, which uses JavaScript to draw images on webpages. (Chapter 2)
● You can embed videos on webpages without using third-party plug-ins (Chapter 1 ).
● Geolocation: With this feature, visitors can share their geographic locations in your Web application (Chapter 1 ).
● Permanent local storage without using third-party plug-ins (Chapter 1 ).
● Offline Web applications can work even if the network is interrupted (Chapter 1 ).
● Improvement of HTML webpage forms (Chapter 1 ).
● Microdata allows you to create your own vocabulary and use custom languages to expand your webpage. (Chapter 2)

3. Foundation HTML5 Canvas: For Games and Entertainment | HTML5 Canvas basic tutorial
Author: Rob Hawkes

About the author: Rob Hawkes is good at solving problems through code. He is addicted to visual programming, not limited to research on HTML5 and other exciting new Web functions.

4. The Essential Guide to HTML5: Using Games to learn HTML5 and JavaScript | HTML5 Game Development
Author: Jeanine Meyer

This book is suitable for developers who want to build dynamic and exciting websites through HTML5. This book is suitable for you if you have knowledge about programming and want to know What HTML5 can bring to you, or if you have no programming experience. This book will show new HTML5 features and mysterious programming art. Programming is an art, while developing interesting games and other applications requires talent.

5. Sergey's HTML5 & CSS3 Quick Reference (Chinese version not available yet)
Author: Sergey Mavrody.

This book is a technical dictionary suitable for professional web designers and developers. It summarizes HTML5 and CSS3 rules on over 3000 pages, covering the most common basic concepts and rules, includes tags, attributes, values, objects, attributes, methods, events, and APIs.
Topics include:
● HTML 5 Introduction.
● HTML5 and XTML5 syntax rules.
● The semantic structure of the document.
● Complete reference of HTML5 elements, attributes, and Web 2.0.
● Global attributes and events.
● A complete summary of CSS3 attributes.
● HTML5 APIs, including Canvas, SVG, Video, Audio, Web Workers, Web Sockets, Microdata, Geolocation, and Web Stroage.

6. HTML5 For Dummies Quick Reference (Chinese version not available)
Press: Wiley Publishing Inc

HTML is the preferred programming language for creating web pages, and HTML5 has all-new features. From this book, you will learn about a wide range of new media applications, geographic locations, databases, mobile capabilities, CSS and JavaScript applications, and how to use new canvas labels.
Book Overview:
● New tools supported by browsers.
● Media principles, including video tags.
● Added pseudo classes in CSS.
● ...... Remaining full text>
 
Introduce an html5 textbook

Www.w3school.com.cn/html5/