Home > Developer > Web Develop
Html5
<! Doctype> Label
There is only one HTML5, namely:
<! DOCTYPE html>
Example:
<! DOCTYPE html>
<title>html5_title</title>
<body>
HTML5 content
</body>
---------------------
<a> tags
Download property, download the specified file (lin.gif), and download the file name Lin3615.gif
Example:
<a href= "Images/lin3615.gif" download= "Lin3615.gif" >
</a>
Media properties
Type property, which specifies the MIME type of the target document
Example:
<a href= "http://www.lin3615.net/" type= "text/html" >lin3615</a>
-----------------
<article> tags
Provision of independent self-contained content (just a sign)
Example:
<body>
<article>
<p>pppp</p>
</article>
</body>
---------------------
<aside> tags
Define content beyond what it is (a markup only)
Example:
<body>
<p>ppp</p>
<aside>
A detailed explanation of hhhhh
</aside>
</body>
-----------------
<audio> tags
Define sound Content
Example:
<body>
<audio src= "Myvoice.ogg" controls= "Controls" >
What will be displayed when the browser is not supported
</audio>
</body>
where Property list:
autoplay= "AutoPlay"
The audio will play immediately after it is ready
Controls= "Controls"
Displays the control to the user, such as the play button
Loop= "Loop"
Starts playing again whenever the audio ends
muted= "Muted"
Video output should be muted
preload= "Preload"
The audio is loaded when the page loads and ready to play, and if "autoplay" is used, the preload is ignored
src= "url"
The URL of the audio to play
---------------------
<button> tags, suggest using input instead
Property List
autofocus= "Autofocus"
The button should automatically get focus when the page loads
Form= "Form_name"
Buttons belong to one or more forms
formaction= "url"
Override the Action property of the form element for use with type= "Submit"
Formenctype= ""
Overrides the Enctype property of the form element and works with the type= "Submit"
Formmethod= "Get"/"POST"
Override the method property of the form element for use with type= "Submit"
Formnovalidate= "Formnovalidate"
Overrides the form element Novalidate property, used in conjunction with type= "Submit"
formtarget= "_blank/_self/_parent/_top"
Overrides the target property of the form element, used with the type= "Submit"
--------------------
<canvas> tags (brainiac)
Used to define a graphic, just a graphics container, you must use a script to draw a graphic
<body>
<canvas id= "MyCanvas" >
Browser does not support
</canvas>
<script>
var Canvas=document.getelementbyid (' MyCanvas ');
var ctx = canvas.getcontent (' 2d ');
ctx.fillstyle= ' #ff0000 ';
Ctx.fillrect (10,10,80,100);
</script>
</body>
-------------------------
command button, only IE9 support
------------------------
<details>
Define a drop-down list, combined with input, datalists and its options will not be displayed, just a valid list of input values, using the INPUT element's List property to bind DataLists
Example:
<body>
<input list= "Cars"/>
<datalist id= "Cars" >
<option value= "1111" ></option>
<option value= "2222" ></option>
<option value= "3333" ></option>
</datalist>
</body>
---------------------
<dialog open= "open" > Label
User interaction, only safari/chrome support
-------------------
<embed> tags
Define external interaction content or plug-ins
Property sheet:
Height: Set embedded content height
Src:url Embedded Content URL
Type: Defines the types of embedded content
Width: Set the embedded content width
Example:
<body>
<embed src= "ok.swf"/>
</body>
-------------------
HTML5 basic Knowledge
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
