As Opera preacher Bruce Lawson said, "Everyone is talking about HTML5" It is said to be very mysterious.
To put it simply, HTML5 is to create web pages with new standards, syntax and rules. It can take advantage of some new browser's "local" functions, such as offline storage, multimedia playback and other interactions.
Many cool HTML5 websites we see are actually unrelated to HTML5. They are mostly generated by CSS3 and jQuery. CSS3 and jQuery are new technologies like HTML5. They are parallel concepts with HTML5.
It can be said that HTML5 is actually just an ancient DHTML or Ajax, but when all kinds of information about it are mixed together, some wrong statements appear. This article tells seven legends about HTML5, which is actually a misunderstanding.
Legend 1: Because Apple doesn't support Flash, people invented HTML5
The big tree catches the wind, and Apple seems to be frequently criticized. Although HTML5 can provide some very useful functions for mobile devices, it was not created for this requirement.
In fact, as early as 2004, Opera and Mozilla defined some good design standards to solve the mess of web standards. Their goal is simple, that is, to submit these standards to the W3C, so as to create a better and faster HTML standard, which was not accepted until 2006.
But in the next three years, people drafted a new standard, reviewed and approved it, and began to use it. This is HTML5.
Legend 2: HTML5 will not mature until 2022
We know that the draft document of HTML5 has been reviewed and approved in 2009, that is, no new content can be added and no significant changes will be made, so we don't need to worry about backward compatibility when using HTML5 now. Some lightweight JavaScript can be used to enable the old version of the browser to support complex Canvas, while all new versions of the browser support HTML5. However, it should be noted that many old versions of the browser have poor support for CSS3.
Legend 3: HTML5 requires CSS3 support
Although CSS3 can add a lot of color to HTML5, such as semantics class Name, but this is by no means necessary. HTML5 is just a markup language. Of course, you can use HTML5+CSS2, but it is not so elegant. Due to HTML5 Removed attributes and labels , so you need to specify all styles for each element. For example, in HTML5, in order for the browser to render the page correctly, you need to set the "display: block" declaration for each page element. In short, HTML5 needs styles to make the page look better, but it does not have to be CSS3.
Legend 4: HTML5 destroys accessibility
On the contrary, HTML5 has been designed Accessibility 。 Each element supports the WIA ARIA flag role. These roles can enable devices such as screen readers to better understand the content of the page.
Legend 5: HTML5 is a Flash killer
Flash is still used by countless websites and developers. The misunderstanding between Flash and HTML5 comes from the dispute between Adobe and Apple and the rapid popularization of HTML5 audio and video applications. Although HTML5 can well support a small amount of video playback, HTML5 requires more encoding resources than Flash, and lacks the technology provided by browser plug-ins.
At present, Vimeo and YouTube are using HTML5 technology in large numbers to promote this technology. They will not give up Flash completely in the short term. The developer Viki Hoo has some convincing views on the fact that Flash will still be widely used.
But from the perspective of page design, we hope to get rid of Flash as soon as possible, because HTML5 is easier to learn and use. It does not need plug-ins, loads quickly, and is very mobile device friendly. So it's not HTML5 that killed Flash. To be precise, HTML5 will dominate the mobile design and development market.
Legend 6: As long as HTML5 doctype is added to my website, it will be an HTML5 website
From the perspective of browsers, yes, websites with HTML5 doctypes will be considered as HTML5 websites. But HTML5 is more than just a doctype. It is a complete set of best practices, semantic tags, layout elements such as <header>、<nav>、<section>、<article> Wait. These elements allow your website to take advantage of the new features of the browser, which can be called HTML5. At the same time, you should also pay attention to those elements and attributes that have been abandoned in HTML5 to ensure compatibility.
Legend 7: Using HTML5 will make me get more work/money/respect
Mastering HTML5 skillfully will not make you look sexy unless you are Bruce Lawson. It will not let you find your dream job. Your strength still needs to be reflected by your design ability and coding ability. Of course, the enthusiasm and perseverance of learning new technologies are worth appreciating.
