HTML标签嵌套规则

0830自我总结

HTML标签嵌套规则

1.块级元素:

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

特点:总是在新行上开始,高度、行高以及上下边距都可控制,宽度默认是容器的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

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

嵌套规则

  • 块级元素与块级元素平级,如果块级里面套块级会解析并排的块级且头尾一半会补全成一个完整的
  • 行内元素与行内元素平级,一般情况都是用span来完成行内元素直接的嵌套
  • 行内元素不能嵌套块级元素
  • 块级元素可以包含行内元素或某些块元素,但是行内元素不能包含块元素,它只能包含其他的行内元素。
  • 有几个特殊的块级元素只能包含行内元素,不能再包含块级元素
    • h1~h6、p、dt
  • 块级元素不能放在标签p里面
  • li标签可以包含标签,因为li和div标签都是装载内容的容器

可能会影响布局

posted @ 2019-08-30 21:33  小小咸鱼YwY  阅读(875)  评论(0编辑  收藏  举报