Unless you are isolated from the rest of the world, you must have heard about HTML5. HTML5 is used to replace Flash on the surface.
Web Video
However, its mission is far more than that. HTML5 is the next-generation Web language. It is not just a markup language, but also a next-generation Web
It provides new features and will lead the next generation of web applications to experience desktop-like applications.
HTML5 main New Features
- Local Audio/Video Playback
- Animation
- Geographic Information
- Hardware acceleration
- Local running (even after the Internet connection is interrupted)
- Local Storage
- Upload from desktop drag-and-drop files to browsers
- Semantic tag
HTML5 Application Status
Today
Big browsers have their own advantages in HTML5 support
We expect them to be consistent within a year or two. You may think that, now, few people are using this future standard.
Not that. HTML5 is now widely used, just as William
Gibson
The future of web is coming, but it is not widely used yet.
You may not know, Google
Homepage
HTML5 is also used. However, currently, they only use HTML5.
Doctype
, The rest of the page is old
Code
But Google has widely used HTML5 in their various applications. The most typical example is Gmail and HTML5.
Offline storage allows users to use Gmail even offline. In addition, Google Docs also uses offline storage. Similar applications of other vendors that Use offline storage also include
Zoho's office suite and Wordpress blog platform. If you are interested in the HTML5 offline storage function, you can take a look at Mark Pilgrim's how to add offline
Support to your apps
Article.
Scribd HTML5-based document reader
It is the new document reader of scribd, all based on web standards, without flash.
In addition to video, HTML5 can also replace Flash in multiple aspects. The document sharing site scribd
Recently announced
Cloth
They will use HTML5 to replace Flash
Implement Document Reader
Scribd is the best example of the amazing functions that HTML5 can achieve with CSS. They also use @ font-face
Personalized fonts are implemented. In addition, the effects of page turning are completely based on css3. The combined use of these web standard tools enables scribd to migrate from flash to pure
HTML is excessive, and does not sacrifice the structure, Font, embedded images, layers, and other functions of the document. Scribd's latest document reader even supports IE6. Here is an example that outputs complex formulas using pure HTML.
.
Unfortunately, it's a pity that you have been attacked by the wall.
HTML5 canvas and HTML5 video
Invaders classic games based on HTML5 canvas objects
Although scribd has made canvas applications superb, we can find more such sites. Canvas demos
There are a series
From a variety of online games
,
To
Color extraction on Web pages
Rainbow
Application.
The most typical example of video is YouTube.
And Vimeo
,
They all provide the HTML5 version.
HTML5 location
Maps where you are. "width =" 174 "Height =" 178 ">
Click the circle above the yellow villain in the map to tell Google map your geographic location
Another feature of HTML5 is the location of geographic information. Some browsers provide the geolocation API.
This API is also managed by W3C and can be used with HTML5 to locate your current location. Google
Maps
When using this function, there is a small circle on Google map. Click it to tell Google
Map your current geographic location. Currently, geolocation API is not widely used by many desktop browsers (only chrome and Firefox 3.6 +
But the Google gears plug-in can help those old browsers implement this function.
Twitter
In this way, the geolocation API is automatically used when the browser supports the geolocation API. Otherwise
Google gears.
More significance of HTML5
The significance of HTML5 is far more than above. Its biggest significance is to change the structure of Web documents, with the help of header, footer, section,
Article Labels allow us to implement more structured and Semantic Web documents. In this way, the search engine can easily index the Web
Site, we can also search for faster and more accurate information.
There are countless sites that are using HTML5 new tags. You can go to html5gallery
Find a large number of such sites. To use
The new structure of HTML5. Let's take a look at this HTML5 article.
Tutorial
.
In addition, with the help of microdata
, HTML5
It can also implement a more powerful semantic structure, which is a standardized data format (similar to microformats
), So that your site can not only provide data, but also
Provides data definitions. Microdata has far-reaching significance for browsers and search engines.
Find your friends on the Internet, and the browser can connect to your social network friends site, you can go to Google's rich
Snippets Testing Tool
Experience this.
Additional reading
- HTML5:
Is it true?
- Off
In HTML5, what do developers expect?
- Html
What is after 5? Html
- Deep
Read HTML 5
- Let
Javascript saves HTML5 offline storage
- Web
The forms 2.0 line will be replaced by HTML 5
- Html
5. Changing the Web
- Html
5. 5 expected 5 Functions
- When
HTML 5 met Google
- Html
5 will it end with flash and Silverlight?
- Firefox
Interview: The Future of Ogg, HTML 5 and web video
- XHTML
2
- HTML5
File API: Drag and Drop files from the desktop to the Web
International Source: Web monkey where
On the web is HTML5?
(Original Author: Scott Gilbertson
)
Chinese compiling Source:Ruishang enterprise CMS
Website content management system
Official Website