What does hgroup in HTML5 do? The specific use of the hgroup tag in HTML5 in this, click here to see it, this article on the hgroup tag in the HTML5 in detail, including the HTML5 in the specific use of Hgroup, the label of the wording, but also the role of doing a detailed analysis, not much to see, see the text.
The
Hgroup
Header
The header element is an auxiliary element with guidance and navigation functions. Generally, the header element can contain the title of a block (such as h1 to h6, or the hgroup element label), but it can also contain other content, such as data tables, search forms, or related logo images.
We can use this element to write the title of the entire page:
On the same page, each con
first, do not use the section as a Div substitute
One of the most common mistakes people make in tag usage is to HTML5
And now in the HTML5, it would be this:
This is not the correct use: . The section element represents the semantic part of the content that is used to help build a document profile. It should contain a head. If you're looking for an element to use as a page container (like HTML or XHTML style), consider writing the style directly to the BODY element, as Kroc Camen says
these semantic tags, it is not possible to fully meet our design goals, like the enactment of the law can not be circulated for 100 years, not to mention it is not long ago, it is impossible to these semantic tags on the design goals of adaptation. Just to a certain extent the "general", our goal is to let the crawler understand important things is enough.Conclusion: The div cannot be discarded because of the HTML 5 tag, and every thing has its unique function.node element tags because of the u
purely container for CSS style definitions, he is just a label, just to build the look and structure. It is therefore the most suitable label for containers. So it is not possible to discard the div because of the new label of HTML5, and every thing has its unique function. A DIV is just a way to use it to combine elements or add styles to them.New structure Element Header elementHeader elements represent headers for "Web page" or "section".Usually contains the H1-h6 element or
to HTML5 sectioning content Element flowchartIt is of course meaningless to use headers and hgroup to write labels that do not need to be written. Unfortunately, I often see headers and hgroup being misused by nonsense. You can read the two articles about the header and the Hgroup element to make a detailed understanding of the contents of which I briefly summar
these semantic tags, it is not possible to fully meet our design goals, like the enactment of the law can not be circulated for 100 years, not to mention it is not long ago, it is impossible to these semantic tags on the design goals of adaptation. Just to a certain extent the "general", our goal is to let the crawler understand important things is enough.Conclusion: The div cannot be discarded because of the HTML 5 tag, and every thing has its unique function.node element tags because of the u
content element flowchart2. Use the header and hgroup only when necessary
Writing tags that do not need to be written is of course meaningless. Unfortunately, I often see meaningless misuse of headers and hgroups. You can read the two articles about the header and hgroup elements for a detailed understanding. The content is summarized as follows:
The header element represents a set of introductory or nav
when a container needs to be defined directly or through a script definition behavior.If the article element, aside element, or NAV element are more qualified, do not use the section element.Content chunks without headings do not use the section element definition.Exp09.htmlThe header element is used to define the title of the article, and the section element is used to store the comment content of the sheet, and the article element is used to divide the content defined by the sections element
Recently in the group to carry out the study of HTML5 tags, the method is that everyone selected a few tags, their own first to learn, and then give you to explain. This process is still very rewarding. But now HTML5 is still in the draft stage, some of the new labeling elements of the interpretation is also often change, even the tag to join/move out is also very frequent (such as Hgroup), while the existing large Web portal in the use of HTML5 is al
Sidebar, and footer footer.)HTML5 Structure Code
1234567891011
body>header>...header>nav>...nav>article>section>...section>article>aside>...aside>footer>...footer>body>
Semantic tag interpretation for HTML5
123456
header>hgroup>h1>页眉主标题h1>h1>页眉副标题h1>hgroup>header>
principal modules or navigation links
1234567
nav>ul>li>ahref="#">Homea>li>li
which element to use, I suggest you refer to HTML5 sectioning content element flowchart2. Use the header and hgroup only when necessaryWriting tags that do not need to be written is of course meaningless. Unfortunately, I often see meaningless misuse of headers and hgroups. You can read the two articles about the header and hgroup elements for a detailed understanding. The content is summarized as follows:
element flowchartSecond, use headers and hgroup only when neededIt's pointless to write labels that don't need to be written. Unfortunately, I often see headers and hgroup being misused by nonsense. You can read a detailed understanding of the two articles on the header and Hgroup elements, which I briefly summarize as follows:The header element represents a set
most suitable label for containers.The definition of these semantic tags, it is not possible to fully meet our design goals, like the enactment of the law can not be circulated for 100 years, not to mention it is not long ago, it is impossible to these semantic tags on the design goals of adaptation. Just to a certain extent the "general", our goal is to let the crawler understand important things is enough.Conclusion: The div cannot be discarded because of the HTML 5 tag, and every thing has i
Browser and HTML5Unfortunately, in order to parse the new HTML5 element, the hateful IE browser is a bit of a hassle.To ensure that the new HTML5 element is correctly displayed as block-level elements, the following code must be used at this stage:Header, footer, article, section, Nav, menu, Hgroup {Display:block;}Header, footer, article, section, Nav, menu, Hgroup {Display:block;}Because IE does not know
In the previous HTML page, we basically used the div+css layout. and seo/seo.html "target=" _blank > Search engine to crawl the content of the page, it can only guess that one of your div content is the contents of the article container, or navigation module container, or the author introduced the container and so on. That is, the entire HTML document structure definition is not clear, HTML5 in order to solve this problem, specifically added: header, footer, navigation, article content and other
of the layout blockDisplay orchestration means explicitly creating a document structure using tags such as section, using headings (h1~16, Hgroup, and so on) within each content chunk, as shown in the following code:Body> H1>Page level content Chunk titleH1> P>The body of a page-level content chunkP> Section> H2>Title of section-level content blockH2> P>The body of a section-level content chunkP> Section>Body>2. Implicitly
First, do not use the section as a Div substituteOne of the most common mistakes people make in tag usage is to HTML5
The code is as follows
Copy Code
Header ContentPage ContentSecondary contentFooter Content
This is not the correct use:
Based on these ideas, the following are the correct examples of using HTML5 and some ARIA roles features (note that you may also need to add div according to your own design)
The code is as follows
Copy
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.