There are many XHTML tags: div, ul, li, dl, dt, dd, h1~h6, p, a, addressa, span, strong... We are using these tags to build the page structure They can be nested infinitely, but nesting also requires certain rules. You cannot allow your own personal habits to be nested randomly. So, what are the nesting rules for html tags?
1. HTML tags include block and inline elements
1. Block-level elements
Generally used to build website architecture, layout, and content... It includes the following tags:
address, blockquote, center, dir, div, dl, dt, dd, fieldset, form, h1~h6, hr, isindex, menu, noframes, noscript, ol, p, pre, table, ul
2. Inline elements
Generally used in certain details or parts of website content to "emphasize, distinguish styles, superscripts, subscripts, anchor points", etc. The following tags are all embedded elements:
a ,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,font,i,img,input,kbd,label,q,s,samp,select,small,span,strike,strong,sub , sup, textarea, tt, u, var
2. Nesting rules of HTML tags
1. Block elements can contain inline elements or certain block elements , but inline elements cannot contain block elements, they can only contain other inline elements:
?? Wrong
2. Block-level elements cannot be placed inside
:
?? Wrong
3. There are several special block-level elements that can only contain inline elements and cannot contain block-level elements. These special tags are:
h1, h2, h3, h4, h5, h6, p, dt
4. Can li contain div tags?? This item does not need to be listed separately, but many people on the Internet are confused about this, so I will briefly explain it here:
li and div tags are both containers for loading content. They have equal status and have no hierarchy (for example: strict hierarchies such as h1 and h2^_^). You must know that the li tag is connected to its parent. Both ul and ol can be accommodated. Why do some people think that li cannot accommodate a div? Don't think that li is so stingy. Don't think that li is quite thin. In fact, li has a big heart...
5. Block-level elements are juxtaposed with block-level elements, and inline elements are inline with inline elements. Juxtaposition:
windows10 installation failed
Word document encryption tutorial
How to create an encyclopedia entry
Win10 does not support the disk layout solution of Uefi firmware
what is optimization
How to implement CSS carousel function
The difference between flutter and uniapp
How to set up hibernation in Win7 system
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
