MindMap Gallery HTML mind map
The figure below introduces the new main structural elements of HTML, including article elements, section elements, nav elements, time elements, microformats, aside elements, etc.
Edited at 2021-09-24 16:27:59This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
New main structure elements in HTML
article element
represent
document
page
app
content
independent
complete
Can be independently referenced externally
can be
a blog
Articles in newspapers and magazines
a forum post
a user comment
a standalone plugin
any other independent content
section element
effect
Used to chunk content on pages in a website or application
composition
content
title
Contraindications for use
Don't use the section element as a styled page container because that's the div element's job
Do not use the section element if an article element, aside element, or nav element would be more appropriate.
Do not use the section element for content blocks without titles
nav element
effect
A link group that can be used as page navigation
Navigation elements link to other pages or other parts of the current page
scenes to be used
Traditional navigation bar
Sidebar navigation
Webpage navigation
In-page navigation
Page turning operation
aside element
effect
Used to represent the ancillary information section of the current page or article
Include
Quote
Sidebar
advertise
Navigation bar
Other parts that are different from the main content
time element and microformats
microformats
It is a method that uses the class attribute of HTML to add to multiple web pages.
The date and time the news event occurred
personal phone number
Business email
time element
Represents a certain moment in 24 hours or a certain date
Time difference is allowed when expressing time
pubdate attribute
Optional boolean value attribute
It can be applied to the time element in the article element