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

This article mainly shows you "HTML+CSS how to make rational use of div tags", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "HTML+CSS how to make rational use of div tags" this article.

Using syntax: element content

In the process of making a web page, we can divide some independent logical parts into a tag, which acts as a container. The function of the container is to wrap a logical part and store it inside the element.

Determine the logic part:

What is the logical part? It is a set of interrelated elements on a page. For example, the independent column section of a web page is a typical logical part. For example, the header module, banner module and news list module in the web page can be stored as containers using div tags. As shown in the following figure: the part marked with a red border is a logical part, and the label can be used as a container.

"HTML+CSS" makes rational use of div tags to make the logic of the web page clearer

In the first article, we talk about putting some tags in it and dividing it into a separate logical part. To make the logic clearer, we can set a name for this separate logical part and use the id attribute to provide a unique name for it, just as each of us has an ID number that uniquely identifies us and must be unique. For repeating logical parts, we use the class attribute to add a common name to div, and class is not unique to reuse.

"HTML+CSS" makes rational use of div tags to make the logic of the web page clearer

The left side of the above picture is not using div typesetting, we can see that there are many tags throughout the page, it is difficult for us to distinguish which part is a part, which belongs to which area, but the right side of this picture, we use div to include after we can clearly understand, each module belongs to which part, the structure of typesetting also appears to be very clear, to facilitate our later modification and maintenance.

The above is all the contents of the article "how to make rational use of div tags in HTML+CSS". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.