Common html5 skills

Source: Internet
Author: User

1.

Front-end XHTML developers can write this

HTML5

<! DOCTYPE html>

HTML5

2. <figure> label

Image of Mars.

Take a look at the following simple code:

Unfortunately, here's

                         This is an image of something interesting.       

3.

Not long ago, I used

4.

Normally

 

In

 

5.

This is a bit confusing,

 

 Start the reactor.

 

6.

 

To-D0 List  Break mechanical cab driver  Drive to abandoned factory  Watc

7.

HMTL5

Email: Submit Form 

This attribute is not supported so far, including modern browsers, so it is still unreliable for the time being.

8.

Placeholder user experience in the text box. Previously, we had to rely on html5.

<INPUT type = email name = email placeholder = "doug@givethesepeopleair.com">

Similarly, the current mainstream modern browsers do not provide great support for this attribute. Currently, only

 

9.

HTML5

 

10.

The following code is displayed in

<DIV id = header>

...

</DIV>

<DIV id = footer>

...

</DIV

We usually give

<HEADER>

...

</HEADER>

<FOOTER>

...

</FOOTER>

Be sure not to confuse the two labels with the header and footer of the website. They only represent their containers.

11. IE

IE

IE

 

Nevertheless,

 

You can use this section

 

12.

This is similar to the second tip. If you use

 Recall Fan Page  Only for people who want the memory of a lifetime. 

13.

Front-end personnel must have done a lot of Form Verification projects. One of the most important aspects is that some input boxes must be filled in.

 

With this attribute, it is easier to submit and verify the form. Let's take a look at the following simple example:

 Your Name: Go

If the input box is blank, the form cannot be submitted successfully.

14.

Similarly,

 

Autofocus

15.

HTML5

  Download this file.

Why are there two formats of audio files? Because

16.

And

   

Note that,

17.

Preload attributes:

 

18.

The display control attribute allows you to add a pause control to a video. Note that the display effect of each browser may be different.

 

19.

In

     Create a Username:          Go 

20.

Because each Browser

alert( 'pattern' in document.createElement('input') ) // boolean;

In fact, this is a common method for determining browser compatibility. This method is often used by the jQuery library. The above Code creates

 

21. Mark

<Mark>

JavaScript to wrap every action.

 Search Results  They were interrupted, just after Quato said, "Open your Mind". 

22.

Some may have questions.

Many believe that

 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.