What are the new tags in html5

html5 tags: bdi, mark, meter, progress, rp, rt, ruby, time, wbr, datalist, keygen, output, canvas, audio, video, source, header, footer, nav, etc.

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

New tags for HTML5

We all know that if you want to become a qualified front-end developer, Mastering HTML5 is an important prerequisite. Compared with HTML, HTML5 has many new functional tags. So what are these tags?

Format:

Defines the text direction of the text, independent of the direction settings of the surrounding text.

Define marked text.

Define a metric within a predefined range.

Define the progress of any type of task.

Define the content displayed if the browser does not support ruby ​​elements.

Define the interpretation of ruby ​​annotations.

Define ruby ​​annotations.

Define date/time.

Define possible newlines.

Form:

Define the generated key.

Define some types of output.

Image:

Define the graphic.

Define the title of the figure element.

Define groupings of media content, and their titles.

Audio and video:

Define the media source.

Define the text track used in the media player.

Links:

Define navigation links.

List:

Define the command button.

Style:

Define the header of the section or page.

Define the footer of a section or page.

Define section.

Define article.

Define content outside the page content.

Defines the details of the element.

Define the visible title for the

element.

Programming:

Define a container for external applications (non-HTML).

Advantages of HTML5:

1. Make more beautiful animation effects, allowing front-end developers to achieve better page interaction

The web pages implemented by HTML5 are more beautiful. These animations are based on the effects achieved by HTML5 tags and CSS3 styles.

2. Solve the cross-browser problem

Cross-browser problem Before the emergence of HTML5, it was definitely a nightmare problem for front-end developers. It is clear that HTML, CSS and Java pages run completely normally in one browser, but after changing to another browser, many problems will occur, such as: Java running errors, page layout confusion, etc. It is the HTML5 programming language that has changed this situation. Currently, mainstream browsers such as Internet Explorer, Chrome, Firefox, and Safari have shown great enthusiasm for HTML5.

3. Cross-platform, offline use

HTML5 can be cross-platform, and most core codes do not need to be rewritten. If Java code is used well, it can be used in many places, including Mobile applications, mobile websites, PC websites, various browser plug-ins, and even WebKit packages can be used as cross-platform applications. Although this method is not completely cross-platform in a strict sense, it can save a lot of time and energy in later maintenance.

Users can use and access applications offline, which is very important for mobile terminal users who cannot stay connected to the Internet at all times, and users' access to local cache files usually means faster access speed. From this perspective, it can be said to have greatly improved the user experience

Recommended tutorial: "html video tutorial"

The above is the detailed content of What are the new tags in html5. For more information, please follow other related articles on the PHP Chinese website!