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

Editor to share with you the example analysis of the semantics of HTML tags, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Structuring

A page is compared to a house, where HTML is a reinforced concrete wall and a beam-like shelf, while CSS is a decorative material, floor paint and the like. A good page structure is that without CSS decoration, the page structure is still clear and the house can still be seen. And people often say that DIV+CSS, is only a popular saying, not the whole DIV, remember: DIV is not God!

Semantics

HTML is a supplement to the content and meaning of the text (that is, semantics). It tells us, "this line is a title, these lines form a paragraph, this is a list of items, that is a link." Instead of telling us, "these words are blue, those are red, this part is to the right, and these are italics." These are CSS's jobs. In short: HTML tells us what a piece of content is (or its meaning), not what it looks like.

The code is as follows:

Former Brick siege Division

Building blocks also requires art.

Former Brick siege Division

Building blocks also requires art.

What are the benefits of semantics?

Removing the style can make the page structure clear.

The screen reader will press the tag to "read" your web page.

Beneficial to SEO

Easy for team development and maintenance

Attached: new elements in HTML5

The meaning of the tag defines the external content against the html4 tag. For example, a new article from an external news provider, or text from blog, or text from a forum. Or from other external sources, HTML5:

HTML4: tags define sections (section, sections) in the document. Such as chapters, headers, footers, or other parts of the document. HTML5:

HTML4: the tag defines something other than article. The content of aside should be related to the content of article. The content of the HTML5:Aside is independent, but should be relevant to the content of the document.

The content of the HTML4:Aside is independent, but should be relevant to the content of the document. The tag defines the header of the section or document. HTML5:

HTML4: the tag defines the footer of section or document. Typically, it contains the name of the creator, the date the document was created, and / or contact information. HTML5:

HTML4: tags are used to combine the titles of a web page or section (section). HTML5:

HTML4: the tag defines the part of the navigation link HTML5:

HTML4: tags define graphs, such as charts and other images. This HTML element is designed for client-side vector graphics. It has no behavior of its own, but it presents a drawing API to the client JavaScript so that the script can draw everything you want to draw onto a canvas. HTML5:

HTML4: tags define videos, such as movie clips or other video streams. HTML5: your browser does not support video tags.

HTML4: tags define sounds, such as music or other audio streams. HTML5: your browser does not support audio tags.

HTML4: tags define embedded content, such as plug-ins. HTML5:

HTML4: tags define media resources for media elements such as and. HTML5:

HTML4: the tag defines a list of optional data. In conjunction with the input element, you can create a drop-down list of input values. HTML5:

HTML4: the none tag defines the details of the element, which the user can view or hide by clicking. Use with to make the title of detail. The title is visible to the user and detail can be turned on or off when clicked on it. HTML5:

HTML4: the tag contains the title of the details element, and the "details" element is used to describe detailed information about the document or document fragment. The "summary" element should be the first child element of the "details" element. HTML5: HTML 5This document teaches you everything you have to learn about HTML5.

The HTML4: none tag is used to combine elements. Use the element to add a title to the element group. HTML5: PRC

The People's Republic of China was born in 1949...

HTML4: PRC

The People's Republic of China was born in 1949...

The tag defines the title of the figure element. The "figcaption" element should be placed in the position of the first or last child of the "figure" element. HTML5: PRC

HTML4: none is mainly used to visually present text that needs to be highlighted to the user. A typical application of tags is to highlight search keywords to users in search results. HTML5:

HTML4:

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.