块级元素、行内元素、元素嵌套
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 这些块级元素,只能包含行内元素
以上规定并非强制,不遵循以上规定进行嵌套,代码也是可以被执行的。
提示:行内元素也经常被称为“内联元素
提示:通常被嵌套的块级子元素,需进行换行和缩进,以让代码更加易于阅读。