块级元素行内元素元素嵌套

Posted 2023-01-16 慕斯-ing

HTML标签有两类：块级元素+行内元素
（1）块级元素-默认总是在新行开始
div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p、pre、table、ul …
特点：总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省（默认）是它的容器的100%，除非设定一个宽度。
功能：主要用来搭建网站架构、页面布局、承载内容。
（2）行内元素-默认不会新起一行
span、a、b、br、code、em、i、img、input、label、select、textarea …
特点：和其他元素都在一行上，高、行高及顶和底边距不可改变，宽度就是它的文字或图片的宽度，不可改变。
功能：用于加强内容显示,控制细节，例如：加粗、斜体等等。

（3）元素嵌套
在html中元素是可以嵌套的。
HTML元素嵌套一般遵循以下规定：
● 块级元素可以包含行内元素或某些块级元素，
● 行内元素不能包含块级元素，行内元素只能包含其它的行内元素
● h1 - h6、p、dt 这些块级元素，只能包含行内元素
以上规定并非强制，不遵循以上规定进行嵌套，代码也是可以被执行的。

提示：行内元素也经常被称为“内联元素
提示：通常被嵌套的块级子元素，需进行换行和缩进，以让代码更加易于阅读。