Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to use HTML5 layout and tags

2025-03-29 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

This article is about how HTML5 layouts and tags are used. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

I. New document type declaration (DTD)

Document type declaration

The DTD for HTML 5 is declared as:

And so on are also correct, because the HTML syntax is case-insensitive.

When writing an HTML5 document, you are required to specify the document type to ensure that the browser can render in HTML5's standard mode.

Second, the new HTML5 tag

A, the newly added HTML5 tag-structure tag

Structure tags: (block elements) meaningful div

Tag defines an article

Tag defines the header of a page or area

Tag definition navigation link

Tag defines an area

Tag defines the sidebar of the content section of the page

Information about a block in the tag definition file

Tags define a set of media content and their titles

The tag defines the title of the figure element.

Tag defines the bottom of a page or area

Tag defines a dialog box (dialog box) similar to Wechat

The new structural tags bring about changes in the layout of web pages and make them more friendly to search engines.

B, a new HTML5 tag-Multimedia tag

Multimedia interactive label

Tag defines a video

Tag defines audio content

Tag defines media resources

Tag definition picture

Tags define external interactive content or plug-ins such as flash

The emergence of HTML5 multimedia tags means the development of rich media and the ability to manipulate media files without using plug-ins, greatly improving the user experience.

C, the newly added HTML5 tag-Web application tag

Web application tag

Command list

Menu command list label FF (embedded system)

The menu tag defines a command button

Status label (real-time status display: air pressure, temperature) C, O

Status label (task process: install, load) C, F, O

Define a drop-down list for the input tag, together with option F, O

Tag defines the details of an element, in conjunction with dt, dd C

D, new HTML5 tags-other tags

Comment label

To define a comment or phonetic alphabet.

Tell browsers that do not support Ruby elements how to display

Tag defines the comment content text for the ruby

Other label

Tag defines a generated key value (encrypted message transfer) O, F in the form

Tag defines tagged text (yellow selected)

Tag defines some output types, and calculates the form results in conjunction with oninput events

Tag to define a date / time is currently not supported by all major browsers

3. Deleted HTML tags

Elements of pure expression:

Basefont,big,center,font, s,strike,tt,u

Elements that have a negative impact on availability:

Frame,frameset,noframes

Confusing elements:

Acronym, applet,isindex,dir .

IV. Redefined HTML tags

The meaning of HTML element HTML5

Represents inline text, usually in bold, without conveying important meaning

Represents inline text, usually in italics, without conveying important meaning

Can be used with details and figure, the definition contains text, dialog is also available

Can be used with details and figure to summarize details, and dialog is also available

Indicates the end of the topic, not the horizontal line, although the display is the same

Redefine the menu of the user interface for use with commond or menuitem

Indicates a small font, such as printing notes or legal provisions

Express importance rather than emphasize symbols

Thank you for reading! This is the end of this article on "how to use HTML5 layout and tags". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report