Home > Web Front-end > Front-end Q&A > Is html5 the fifth revision?

Is html5 the fifth revision?

青灯夜游
Release: 2022-01-18 10:34:17
Original
1454 people have browsed it

html5 is the fifth revision. HTML5 is the fifth revision to the HTML standard. Its main goal is to semanticize the Internet 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.

Is html5 the fifth revision?

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

HTML5

HTML5 is the fifth revision to the HTML standard. Its main goal is to semanticize the Internet so that it is better readable by humans and machines, and at the same time provide better support for embedding of various media. HTML5 syntax is backwards compatible. H5, which is now commonly referred to in China, includes CSS3 and JavaScript (strictly speaking, it is not appropriate to call it this way, but it is already wrong to call it this way).

HTML5 is the latest revised version of HTML. The standard was completed 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 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.

Improvements in HTML5

  • New elements

  • New attributes

  • Fully supports CSS3

  • Video and Audio

  • ##2D/3D graphics

  • Local storage

  • Local SQL data

  • Web application

New elements and attributes

1. Semantic tags

Semantic tags make the content of the page structured and well-known

## Tag
< ;nav>
## Used to describe details of a document or a section of a documentThe tag contains the title of the details elementDefine dialog box, such as prompt box
Description
defines the document The header area
defines the tail area of ​​the document
Define the navigation of the document
Define the sections in the document (section, section)
Define independent content areas of the page
Define the sidebar content of the page
##

2. Enhanced form

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

Input type

Description

color

Mainly used to select colors

date

Select a date from a date picker

datetime

Select a date (UTC time)

datetime-local

Select a date and time (no time zone)

email

Input field containing the e-mail address

month

Select a month

number

Input of numerical value Field

range

Input field for numeric values ​​within a certain range

search

Used for search domain

tel

Define the input phone number field

time

Select a time

url

Input of URL address Field

week

Select the week and year

HTML5 also adds the following Form Element

Form Element Description

The element specifies the option list of the input field

Use the list attribute of the element to bind the id of the element

Provides a reliable way to authenticate the user

The tag specifies the key pair generator field to be used in the form.

For different types of output

such as calculations or scripts Output

HTML5 new form attribute

  • placehoder attribute, a short prompt will be displayed on the input field before the user enters the value. That is, our common default prompt of the input box disappears after the user inputs.

  • required attribute is a boolean attribute. The input field required to be filled in cannot be empty

  • pattern attribute describes a regular expression used to verify the value of the element.

  • min and max attributes, set the minimum and maximum value of the element.

  • step attribute specifies the legal number interval for the input field.

  • height and width attributes, used for the image height and width of the tag of type image.

  • The autofocus attribute is a boolean attribute. Specifies that the field automatically gains focus when the page loads.

  • multiple attribute is a boolean attribute. Specifies that multiple values ​​can be selected within the element.

HTML5 Multimedia

Using HTML5, you can simply play video and audio on web pages. ).

  • ##HTML5 provides a standard for playing audio files, that is, using the control attribute of the

  • <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
    </audio>
    Copy after login
Add play, pause and volume controls.

Between you need to insert the prompt text of the

The above is the detailed content of Is html5 the fifth revision?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template