The first knowledge html5--try the Post editor

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.