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

This article mainly introduces "what are the common html5 semantic tags". In the daily operation, I believe many people have doubts about the common html5 semantic tags. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the questions of "what are the common html5 semantic tags?" Next, please follow the editor to study!

Semantic HTML: content marked with the most appropriate HTML element.

Advantages: 1 improve accessibility; 2 SmurEO; 3 clear structure, easy to maintain

(HTML5's old inline elements are classified as phrase content.)

Generic container: div-- block-level generic container; span-- phrase content has no semantic container.

If the semantics are not appropriate, do not overlord the bow, =. Use div honestly.

: short, descriptive, unique (improve search engine ranking).

The search engine will use title as an indicator to determine the main content of the page. A valid title should contain several keywords that are closely related to the content of the page. It is recommended to put the core content of title in the first 60 characters.

H2~h7 hierarchical title, which is used to create a hierarchical relationship of page information.

For search engines, if the titles match the search terms, they will be given a high weight, especially H2.

Headers usually include site logos, main navigation, site-wide links, and search boxes.

It is also appropriate to tag a set of introductory or navigational content within the page.

Tag navigation, used only for important link groups in the document

The Html5 specification does not recommend using nav for auxiliary footer links unless the footer again displays top-level global navigation or contains important links such as recruitment information.

The main content of the page, a page can only be used once. If it is a web application, surround its main functions.

: contains newspaper-like content = = | this is understood to mean a document, page, application, or a separate container.

Article can nest article, as long as the article inside and the relationship between the outside part and the whole.

A group of content with similar topics, such as the home page of a website, can be divided into introductions, news items, contact information, and so on.

If it's just to add styles, use div!

Specify a note bar, including quotes, sidebars, a set of links to articles, advertisements, links, lists of related products, etc.

If you put it in main, it should be closely related to the content.

The footer is the footer of the entire page only if the parent is body

Specify details, enter disclaimer, comment, signature, copyright.

It applies only to phrases and should not be used to mark long legal statements such as "terms of use" and "Privacy Policy".

Indicates the importance of content

The tag content is focused (a lot of it is used to improve the semantics of paragraph text).

Highlight the text (yellow) to remind readers

In HTML5, em is the only element that indicates emphasis, while strong indicates importance.

A piece of text that reminds the reader for practical purposes and does not convey any additional importance

: text that is different from other words = = | | this translation is really

Create a graph (margin around 40px by default).

The title of the figure must be the first or last element embedded in the figure.

Indicate a citation or reference, such as the title of a book, the name of a song, movie, etc., a concert, concert, specification, newspaper, or legal document, etc.

It is only used to refer to the source itself, not to quote it.

Quote the text, and the new line is displayed by default.

Short quotes (cross-browser problems, try to avoid using them).

You can use the cite attribute (not the cite element) for blockquoto and Q elements! Useful for search engine automation tools Cite= "URL" quotes the source address.

Mark the time. The datetime attribute follows a specific format, and if you omit this attribute, the text content must be in a legal date or time format.

The time that is no longer relevant is marked with s.

Explain acronyms. Use the title attribute to provide the full name, using ok only when it first appears.

Abbr [title] {border-bottom:1px dotted # 000;}

Define the term element, which must be next to the definition, and can be used in the description list dl element

Contact information of the author, related person or organization (email address, link to the contact information page).

If you provide author contact information for the entire page, it is generally placed in the page-level footer. Cannot contain documents or other content such as documents.

Removes the content

The content added.

Rare elements that can surround both the block level and the content of the phrase.

: tag code. Contains the sample code or file name (

>)

Preformatted text Preserves the line breaks and spaces inherent in the text.

Represents the value of the score or the measurement result of a known range. Such as the result of the vote.

For example: 20%completed

Complete the progress. Value can be updated dynamically through js.

At this point, the study of "what are the common html5 semantic tags" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.