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:

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

3. Add video

<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!