H5 basics

Semantic structure tags

section is more inclined to divide the area. (The outer structure of the web page ... is more similar to the div)
article is more biased towards the display of content
aside sidebar (aside)
header page header or content block header
footer bottom of the web page or content block
nav navigation area
figure representative An independent area of ​​the
figure caption figure area
main main area (IE is not compatible)
hgroup title group

mark highlight text
time used to process the time
dialog similar to the dialog box

video

<video controls src="./V/movie.mp4"></video>

Attributes:
autoplay, autoplay
controls, playback controls,
loop,
muted, mute state
poster, cover image displayed when the video is not loaded or not playing

Audio

  <audio></audio>

Attributes:
autoplay, autoplay
controls, playback controls,
loop,
muted, muted state

Define media resources

 <video controls >
       <source type="video/ogg" src="./V/movie.ogg">
          </video>

The type attribute-> defines the definition of the
type attribute in the media type video: video / ogg video / mp4 video / webm
audio The definition of the type attribute in audio: audio / ogg audio / mpeg

New type type in h5

<input type="email">When submitting the entire form, verify whether it conforms to the format of the mailbox.
<input type="url">When submitting, verify whether it is a URL detection. Http: //
<input type="range">Generate slider. The
<input type="number">limit must be a number.
<input type="search">Search box
<input type="color">Color selection
<input type=" time ">Time type
month month
week week
datetime-local Select local time
date only year, month and day

Published 27 original articles · praised 0 · visits 384

Guess you like

Origin blog.csdn.net/Y_SSM/article/details/105418969