Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "how to use the new features of HTML5", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to use the new features of HTML5" article.

HTML5 is the standard version of HTML [1] (an application under the standard general markup language) that replaces the HTML 4.01and XHTML 1.0standards developed in 1999; it is still in the stage of development, but most browsers already support some HTML5 technologies.

1. New document type declaration

Three document type declarations specified by HTML4:

XML/HTML Code copies content to the clipboard

Three document type declarations specified by XHTML 1.0:

XML/HTML Code copies content to the clipboard

XHTML 1.1 document strictly defines types, which is equivalent to XHTML1.0 document transition definition types

XML/HTML Code copies content to the clipboard

Document type declaration for HTML 5

XML/HTML Code copies content to the clipboard

2. Type is not required in script and link

XML/HTML Code copies content to the clipboard

= "

= "

3. Semantic header and footer tags

In HTML4 or XHTML, we define the header or footer of a web page as follows:

XML/HTML Code copies content to the clipboard

...

Or

...

Having tags that directly define the above element blocks in HTML5 can make the code more concise and semantic.

XML/HTML Code copies content to the clipboard

...

Or

...

4. Hgroup tag, which is mainly a collection of titles. If you have a main title or a subtitle, you can wrap it with this. But this tag is of little use and has been abolished in the latest HTML5.1 version. If we want to declare the description of the main title and the corresponding subtitle, we can do this below.

The use of punctuation segmentation is generally suitable for article titles, but not suitable for website titles.

XML/HTML Code copies content to the clipboard

Front-end questions: new features of HTML5

Use span tags to label the subtitle description

XML/HTML Code copies content to the clipboard

Front-end test questions

New features of HTML5

Use header tags to package title and description

XML/HTML Code copies content to the clipboard

Front-end test questions

New features of HTML5

5. Tag element mark

XML/HTML Code copies content to the clipboard

The element represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context.

You can think of it as a highlight label, and the characters wrapped by it are highlighted.

6. Graphic element figure

In HTML4 or XHTML, the following code is used to decorate the comments of the image.

XML/HTML Code copies content to the clipboard

Image of Flower

The above code does not associate text with image memory, but the combination of figure and figcaption added by HTML5 makes a perfect connection for graphics and text.

XML/HTML Code copies content to the clipboard

Beautiful flower

7. Redefined the small tag

Tags in HTML5 present side notes as small text, and the features responsible for statements, precautions, legal restrictions, or version statements are usually small text.

Small has been defined in HTML4 or XHTML, but there is no complete description of its use. In HTML, it is mainly used for small text such as version statements and mailboxes at the bottom of the web page.

8. Placeholder placeholder

In HTML4 or XHTML, if we want to display a prompt when the input box is empty and the prompt disappears when the input box field gets focus, we can only write this effect in js. The placeholder added in HTML5 directly achieves this effect.

The placeholder attribute applies to the following types: text,search,url,telephone,email and password.

XML/HTML Code copies content to the clipboard

The above is about the content of this article on "how to use the new features of HTML5". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.