HTML5 new knowledge

1. The main new semantic tags of h5 are as follows:

1. header page header, page header

2. nav page navigation

3. atricle an article

4. section chapter in the article

5. aside sidebar

6.footer bottom of the page, footer

To make the PC compatible with h5 new tags, introduce the js file into the page

2. New form controls in HTML5

1. New types: Website Email Date Time Week Quantity Range Phone Color Search

a.Website:
b ,Email:
　c.Date:
　d、Time:
　e、Week: label>
　f、Quantity:
　g ,Range:
　h,Telephone:
i. Color:
i.Search: label>

2. Add commonly used form control attributes

a. placeholder Set the default prompt text of the text box

b. autofocus automatically obtain focus

c. autocomplete Set whether there is a drop-down of associated keywords. Generally set to "off" and turn it off. For example: autocomplete="off"

3. HTML5 audio audio and video video

html5 adds audio and video tags, providing a standard method for inserting audio and video on the page

1. Audio tag support Format: ogg, wav, mp3

##Corresponding attributes:

a.autoplay Automatic play

b. controls display player

c. loop loop player

d. preload preload

　e, multed mute

For example:

The source tag is used to provide multiple media file addresses. If the file at one address is incompatible, use the following an address.

2. Video tag Supported formats: ogg, mp4, webM

Corresponding attributes:

a.width

b ,height

　c、Poster

For example:

The above is the detailed content of HTML5 new knowledge. For more information, please follow other related articles on the PHP Chinese website!