HTML标签嵌套规则

0830自我总结

HTML标签嵌套规则

1.块级元素:

div、h1~h六、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ulhtml

特色:老是在新行上开始,高度、行高以及上下边距均可控制,宽度默认是容器的100%,除非设定宽度。架构

功能:主要是用来搭建网站架构、网页布局、承载内容。布局

2.行内元素:

span、a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、strike、strong、sub、textarea、tt、u、var网站

特色:和其余元素都在一行上,高、行高、以及上下边距不可变,宽度就是它的文字和图片的宽度,不可改变。spa

嵌套规则code

  • 块级元素与块级元素平级,若是块级里面套块级会解析并排的块级且头尾一半会补全成一个完整的
  • 行内元素与行内元素平级,通常状况都是用span来完成行内元素直接的嵌套
  • 行内元素不能嵌套块级元素
  • 块级元素能够包含行内元素或某些块元素,可是行内元素不能包含块元素,它只能包含其余的行内元素。
  • 有几个特殊的块级元素只能包含行内元素,不能再包含块级元素
    • h1~h六、p、dt
  • 块级元素不能放在标签p里面
  • li标签能够包含标签,由于li和div标签都是装载内容的容器

可能会影响布局orm