html5 new semantic tags

　　Add semantic tags

• <Header>: header tag
• <Nav>: navigation tabs
• <Article>: Content tab
• <Section>: block-level tag
• <Aside>: sidebar tag
• <Footer>: tail tag
• <Audio>: Audio Tag
• <Video>: Video Tags

　　1. Audio tab (audio)

　　<audio src=" snow.mp3" ></audio>

　　Property Value: autoplay = autoplay, audio AutoPlay

　　　　　　controls = controls, display the playback controls

　　　　　　loop = loop, loop　　　　　　　　　

　　audio exist in different browser compatibility issues, to solve this problem, you need multiple formats, audio video empathy.

　　<audio>

　　　　<source  src="snow.mp3"  type=" audio/mpeg " >

　　　　<source  src="snow.ogg"  type=" audio/ogg "  >

　　</audio>

　　2. Video tag (video)

　　<video  src="snow.mp4" ></video>

　　　Property Value: autoplay = autoplay, AutoPlay

　　　　　　　controls = controls, display controls

　　　　　　　width = 200px, height = 200px, width and height of the player is provided

　　　　　　　loop = loop, loop

　　　　　　　preload = auto / none, preloaded video / video should not be loaded (this attribute is ignored if autoplay)

　　　　　　　poster = Imgurl, waiting picture to load

　　　　　　　muted = muted, mute play (Google browser used)

　　Google browser for video files, playback is prohibited, the solution is to add properties mute the audio temporarily no solution

　　note:

• This semantic labels quasi-focused search engines of
• The new tab page can be used multiple times
• In the IE9, these elements need to be converted into block-level element
• Moving end prefer to use these labels