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

This article mainly introduces what element tags have been added to html5. It is very detailed and has a certain reference value. Friends who are interested must finish reading it!

The new element tags in html5 are: ",", and so on.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

New element tags for html5

Tag description defines the sidebar content definition audio content of an article area definition page allows you to set a piece of text away from the text orientation setting of its parent element. To define graphics, such as charts and other images, labels are just graphical containers, and you must use scripts to draw graphical definition command buttons, such as radio buttons, check boxes, or buttons to define a list of options. Use this element with the input element to define possible values for input. A detail definition dialog box used to describe a document or a part of a document, such as a prompt box to define embedded content, such as a plug-in. The title of the defining element specifies independent streaming content (images, charts, photos, code, and so on). Define the footer for section or document. Defines the header area of the document that specifies the key pair generator field used for the form. Defines marked text. Use tags when you need to highlight text. Define weights and measures. Used only for measurements of known maximum and minimum values. The section that defines the navigation link defines different types of output, such as the output of the script. Define the progress (process) in progress. Tags are used in ruby comments to define what is displayed by browsers that do not support ruby elements. The label defines the interpretation or pronunciation of characters (Chinese Bopomofo or characters). Tags define ruby comments (Chinese Bopomofo or characters). Tags define sections (section, sections) in the document. Such as chapters, headers, footers, or other parts of the document. Tags define media resources for media elements such as and. The tag contains the title of the details element, and the "details" element is used to describe detailed information about the document or document fragment. Define a date or time, or both. Define a date or time, or both. Tags specify external text tracks for media such as video elements. Tags define videos, such as movie clips or other video streams. Specifies where to add newline characters in the text.

(1) define navigation links

It is also a meaningful tag, and it's not just a navigation style by adding this tag somewhere, it's all meaningful p, add a menu tag in the header header, and the nav tag can be used with the tag.

Html Code:

This is a header section

Home page about product contact

Css Code:

/ * define the height and color of nav * / nav {height:30px; background-color:#F33; margin-top:100px;} / * style li normally * / li {list-style:none; float:left; width:100px; height:30px;}

In this way, we can realize the menu layout that we used only to use p before.

(2) define article tags

You can use the article block tag to write articles, so use this tag to write articles in the section section, you can and

Suitable for use

Html Code:

Article title

Article content

Article content

Content of the article

Css style:

Article {background-color:#F33; width:500px; text-align:center; / * horizontal center * / margin:0px auto;}

So I can write an article.

(3) define the grouping of media content and their titles.

A . This tag can be used in conjunction with its supporting tag, but the title is written in the middle.

Title

Title content

B . It can also be used in conjunction with, in which the title is written, while the content, the display effect and the matching effect are also different.

Title 1 title content

(4) define a dialog box or window

Dd and dt tags can also be used in this tag, the title and content of the dialog box, the dialog box has an attribute of open, this tag is not very compatible

Question 1 answer 2 question 2 answer

(5) define a list or menu of commands

A . This tag can be used with li

Definition list

B . You can add your own content to the right click (only Firefox is compatible)

The federation (define command / menu items that the user can invoke from the pop-up menu) tag uses the

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.