Table of Contents
Improvements in HTML5
Home Web Front-end Front-end Q&A Is html5 the fifth revision?

Is html5 the fifth revision?

Jan 18, 2022 am 10:34 AM
html html5

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!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

How do you parse and process HTML/XML in PHP? How do you parse and process HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles