Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "how many revisions is html5". In the operation of actual cases, many people will encounter such a dilemma. Next, let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Html5 is the fifth revision. HTML5 is the fifth revision of the HTML standard, and its main goal is to make the Internet semantic so that it can be better read by humans and machines, and at the same time provide better support for the embedding of various media; the syntax of HTML5 is backward compatible.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

HTML5

HTML5 is the fifth revision of HTML standard. Its main goal is to make the Internet semantic so that it can be better read by humans and machines, and at the same time provide better support for the embedding of various media. The syntax of HTML5 is backward compatible. Now the H5 commonly said in China includes the idea of CSS3,JavaScript (strictly speaking, it is not appropriate to call it so, but if it has been called away, it will be wrong).

HTML5 is the latest revised version of HTML, which was developed by the World wide Web Consortium (W3C) in October 2014.

HTML5 is designed to support multimedia on mobile devices.

Some interesting new features in HTML5:

The canvas element used for painting.

Video and audio elements for media playback

Better support for local offline storage.

New special content elements, such as article, footer, header, nav, section.

New form controls, such as calendar, date, time, email, url, search.

Improvement of HTML5

New element

New attribute

Full support for CSS3

Video and Audio

2D/3D mapping

Local Stora

Local SQL data

Web application

New elements and attributes

1. Semantic label

Semantic tags make the content of the page structured. See name and meaning.

The tag description defines the head area of the document, defines the tail area of the document, defines the navigation section of the document (section, section), defines the page independent content area, defines the sidebar content of the page, describes the details of the document or part of the document, and contains the title definition dialog box of the details element, such as a prompt box.

2. Enhanced form

HTML5 has several new form Input input types. These new features provide better input control and validation.

Input Typ

Description

Color

Mainly used to select colors

Date

Select a date from a date selector

Datetime

Select a date (UTC time)

Datetime-local

Select a date and time (no time zone)

Email

Input field containing e-mail addr

Month

Select a month

Number

Input field of numerical value

Range

The input field of numeric values within a certain range

Search

Used to search the domain

Tel

Define input phone number field

Time

Choose a time

Url

Input field of URL address

Week

Choose Zhou and year

HTML5 also adds the following form elements

Form element description

Element specifies the list of options for the input field

Use the element's list attribute to bind to the element's id

Provides a reliable way to authenticate users

The label specifies the key pair generator field used for the form.

For different types of output

Such as calculation or script output

New form properties for HTML5

Placehoder property, a short prompt is displayed on the input field before the user enters the value. That is, the default prompt of our common input box disappears after the user enters it.

The required property, which is a boolean property. The required input field cannot be empty.

The pattern attribute, which describes a regular expression used to validate the value of an element.

The min and max attributes, which set the minimum and maximum values of the element.

The step property, which specifies a legal numeric interval for the input field.

The height and width properties, which are used for the image height and width of tags of type image.

The autofocus property, which is a boolean property. Specifies that the domain automatically gets focus when the page is loaded.

The multiple property, which is a boolean property. Multiple values can be selected in the specified element.

HTML5 multimedia

With HTML5 you can simply play video (video) and audio (audio) on a web page.

HTML5 provides a standard for playing audio files, even with elements

Your browser does not support audio elements.

The control property allows you to add playback, pause, and volume controls.

Between and you need to insert prompt text for elements that the browser does not support.

Elements allow the use of multiple elements. Elements can be linked to different audio files, and the browser will use the first supported audio file

Currently, the element supports three audio formats: MP3, Wav, and Ogg

HTML5 specifies a standard way to include video through the video element.

Your browser does not support Video tags.

Control provides playback, pause and volume controls to control video. You can also use the dom operation to control the pause of video playback, such as the play () and pause () methods.

The video element also provides width and height attributes to control the size of the video. If you set the height and width, the required video space is retained when the page loads. If these properties are not set, the browser does not know the size of the video, the browser can no longer retain a specific space when loading, and the page will change according to the size of the original video.

The content inserted between the and tag is provided to browsers that do not support video elements.

The video element supports multiple source elements. Elements can be linked to different video files. The browser will use the first recognized format (MP4, WebM, and Ogg)

This is the end of the content of "html5 is the first revision". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.