Home >Web Front-end >HTML Tutorial >What are the new features of html5

What are the new features of html5

angryTom
angryTomOriginal
2020-02-27 18:00:1714806browse

What are the new features of html5

What are the new features of html5

1. Semantic tags

Compared with the previous HTML, there were no Tags that reflect structural semantics, such as:

<div id="header"></div>  //表头的声明

HTML5 provides semantic tags, such as:

<header><article><footer><nav><aside><section>等

2. Enhanced forms

Multiple New form input input types, such as:

color, url, date, etc.

These new features provide better input control and validation.

New form elements, such as:

be6d67dae90cc1ad6469079e163d0939, are used for different types of output, such as calculation or script output.

New form attributes, such as:

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. The

pattern attribute describes a regular expression used to verify the value of the d5fd7aea971a85678ba271703566ebfd 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.

The height and width attributes are used for the image height and width of the d5fd7aea971a85678ba271703566ebfd 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 d5fd7aea971a85678ba271703566ebfd element.

3. Add video 39000f942b2545a5315c57fa3276f220 and audio b97864c2e0ef2353a16c4d64c7734e92 tags

<video>     <video src="/i/movie.ogg" controls="controls">
               your browser does not support the video tag
     </video>
  <audio>
      <audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

4.Canvas drawing

5.SVG drawing

6.Geolocation

7.Drag and drop API

8.Web Worker

9.Web Storage

10.WebSocket

MorehtmlBasic Tutorial, please visit the PHP Chinese website!         

The above is the detailed content of What are the new features of html5. For more information, please follow other related articles on the PHP Chinese website!

Statement:
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