1.HTML5 Introduction
HTML5 will be the new standard for HTML, XHTML, and HTML DOM.
The last version of HTML was born in 1999. Since then, the Web world has undergone great changes.
HTML5 is still in perfect. However, most modern browsers already have some HTML5 support.
2.HTML5 new Features
Some interesting new features in HTML5:
- Canvas Elements for painting
- Video and audio elements for media playback
- Better support for local off-line storage
- New special content elements such as article, footer, header, nav, section
- New form controls, such as Calendar, date, time, email, url, search
3. Browser support
The latest versions of Safari, Chrome, Firefox, and Opera support some HTML5 features. Internet Explorer 9 will support some HTML5 features.
4.HTML5 Video
Until now, there is still no standard for displaying video on a Web page.
Today, most videos are displayed via plugins (such as Flash). However, not all browsers have the same plugin.
HTML5 provides a standard way to include video through the visual element.
Currently, the video element supports three types of videos:
format |
IE |
Firefx |
Opera |
Chrome |
Safari |
Ogg |
No |
3.5+ |
10.5+ |
5.0+ |
No |
MPEG 4 |
9.0+ |
No |
No |
5.0+ |
3.0+ |
WebM |
No |
4.0+ |
10.6+ |
6.0+ |
No |
OGG = Ogg file with Theora video encoding and Vorbis audio encoding
MPEG4 = MPEG 4 file with H + video encoding and AAC audio encoding
WebM = WebM file with VP8 video encoding and Vorbis audio encoding
Here, a simple example is used to describe the use of the video element:
<Videowidth= " the"Height= "+"Controls= "Controls"> <Sourcesrc= "Movie.ogg"type= "Video/ogg"> <Sourcesrc= "Movie.mp4"type= "Video/mp4">Your Browser does not support the video tag.</Video>
Depending on the properties of the video tag, we can change the various properties of the videos according to the individual's wishes:
The first knowledge html5--try the Post editor