HTML5 basic Knowledge

HTML 5

New principal structure elements:

article : Represents a complete, independent content that can be externally referenced by itself. a blog, a newspaper article, a post, a user comment, or a standalone plugin.

Section: Used to block content on a site page. Consists of the content and the title.

Nav: A connection group used as a page navigation. such as: Navigation bar, in-page navigation, paging operation and so on.

Aside: Represents the subordinate Information section of the current page. Such as: References, ads, sidebar and so on.

Time:datetime.

pubdate ( release date )

New non-principal structure element:header: The element that guides and navigates the action.

　　　　　　　　　　Footer: Footnotes. such as: Author, related reading connection, copyright information.

Address: Renders contact information. e-mail, contact address and all information related to the contact person.

New elements and attributes in the form

Form: You can place it anywhere on the page, then specify a form property for the element, and the property value is the ID of the form , so you can declare that the element belongs to the specified form.

FormAction: You can add different formaction properties for all submit buttons , allowing you to click a different button to submit the form to the same address (URL).

FormMethod: You can specify a different submission method (Post/get) for each form element individually .

Formenctype: You can specify different encoding methods for form elements individually.

Required: applied in most input properties, when committed, if the element is blank, commits are not allowed, and informational tip text is displayed in the viewer.

Labels:

Control: A FORM element is placed inside the label, and the table cell can be accessed through the control property of the label. (Set default value)

Placeholder: A realistic input prompt when the text box is not in the input state.

List: Drop-down menu that allows you to enter it yourself. Code:

<input type= "text" name= "name" list= "id" >

<datalist id= "id" style= "display:none" >

<option value= "Select one" > Select one </option>

<option value= "Select one" > Select one </option>

<option value= "Select one" > Select one </option>

</datalist>

Autocomplete: Help input the AutoComplete feature used. (On/off) default on

Indeterminate: For check box checkbox elements, the past is just a select and a non-selected state. The number of attributes indicates that the check box is in the not explicitly selected state. you can set the width and height of the Image submit button.

Pattern: used with the input element to set the property value to a regular expression of a format. Check whether it is a fit when committed .

Selectiondirection: When the user is in the input and textarea element

when forward selection, the property value is: forward

When reversed, the property value is backward

When no text is selected, the property value is forward

Input element:URL e-mail date( date)time datetime datetime-local

Mouth(Year / month) week(year / week)

number (pure digit, non-compliant commit blank)min Max step(step)

Range: Enter a number with the step Property

Enhanced page elements

Figure

Figurecaption: Must be inside the figure , only one time

Detail: Can be shrunk.

Summary: Inside the detail .

Mark: highlight; focus.

Progress: Completion Progress of a task

Meter: Numerical progress bar within the specified range

Ol:start start Digital reversed ( reverse )

Dl: List items with multiple names <dt> name <dd> content

Cite: A reference to the title, which becomes italic

Small: Represents the small print body. Cannot be used for principals,

Audio playback

	ie 9	firefox 3.5	" Span style= "font-family: ' Microsoft Yahei ';" >opera 10.5	" Span style= "font-family: ' Microsoft Yahei ';" >chrome 3.0	" Span style= "font-family: ' Microsoft Yahei ';" >safari 3.0
o Gg vorbis		√	√	√
m P3	style= font-family: ' Microsoft Yahei '; font-size:16px; " >√			√	√
Wav		√	√		√

<AUDIO>HTML5 provides the standard for playing audio files

Control (Controller) Properties added play, pause, and volume controls

SOURCE Specifies a multimedia resource, which can be multiple

Video playback

Format	Ie	Firefox	Opera	Chrome	Safari
Ogg	No	3.5+	10.5+	5.0+	No
MPEG 4	9.0+	No	No	5.0+	3.0+
WebM	No	4.0+	10.6+	6.0+	No

Codec tool FFmpeg

Video HTML5 provides the standard for displaying videos

Control provides play pause and volume controls

width height can be defined

RangeObject???Drag and Drop??? Canvaslabel???SVG (from the Press)

• SVG refers to a scalable vector graphic (Scalable vector graphics)
• SVG is used to define vector-based graphics for the network
• SVG defines graphics using XML format
• SVG images have no loss of graphics quality when zooming in or out of size
• SVG is the standard of the World Wide Web Consortium

HTML5 basic Knowledge