HTML元素分类及语法规则
一、html元素分类
(1)块级元素
块级元素一般作为容器出现,用来组织结构,但并不全是如此。例如<from>只能用来包含块级元素;其他块级元素则可以包含行级元素,例如:p;也有些块级元素既可以包含块级元素,也可以包含行级元素,例如:div、li。
块级元素:address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1-h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul
(2)内联元素(行级元素)
内联元素一般是包含语义意义的元素,行级元素一般只能包含文字或其他内联元素,内联元素设置 width、height无效,设置margin、padding的上下无效。
内联元素: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
二、html语法规则
(1)空白折叠现象
HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。使用{font-size:0;}能够去除inline-block元素之间的空白。
(2)标签嵌套问题
1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素。
2. 块级元素不能放在<p>里面
3. 特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1、h2、h3、h4、h5、h6、p、dt。
4. li 内可以包含 div 标签。
5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列。
(3)标签严格闭合