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

DIV applicable occasions and other commonly used layout tags, I believe that many inexperienced people do not know what to do, so this article summarizes the causes of the problem and solutions, through this article I hope you can solve this problem.

When should I use DIV?

Although there are no rigid rules in this regard, I think DIV is more suitable for the positioning of the general framework. For example, if we want to define the area of a head, we usually define a DIV like this:

This is what is written in the head frame.

Of course, it can be defined by class, but generally speaking, elements that are not repeated on the same page can be better distinguished by id.

View the following definition code

Articles Topics About Contact Contribute Feed

No.214

Defines the top navigation (ul section), the big logo on the left, and the round No.xxxx mark.

He doesn't use DIV for the top framework, but it illustrates the purpose of the code very well. Why? Because he used the label provided by HTML and the definition of the style name.

Other most commonly used layout labels

H2

Perhaps very few people will actually use this tag, because the font it shows is really too "big", but we are CSSer, so what tag style can't be changed? And what it can mean is as obvious as it used to be (headline) I think you already know how to use it ^ _ ^

Ul

In many cases, this tag is used to define the navigation part, of course, it can also be replaced by ol, but the navigation links are not in any order, so it is more accurate to use ul (the effect is more obvious after removing CSS)

B

This label, which is no longer recommended, can bring a lot of convenience in layout (because it is short). Although I do not quite approve of using this tag, sometimes (such as the layout definition of small places) is still a good choice.

H3

The place where h3 is most used is not the layout, but the subtitle, but if you need to define the column style in some places, it is more appropriate to use this label, the column content will use p

After reading the above, have you mastered the methods of DIV application and other commonly used layout tags? If you want to learn more skills or want to know more about it, you are welcome to follow the industry information channel, thank you for reading!

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.