How to use HTML5 layout and tags
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!
