块元素和内联元素
内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素,常见内联元素"a"。
块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素cite加上display:block这样的属性,让他也有每次都从新行开始的属性。
块元素是指在默认情况下不会换行显示的元素,之所以要区分块元素,是因为在样式表中有部分属性只对块元素起任用
不管块状元素宽度是多少,它总会自动占据一行,原来是因为它在末尾附加了一个换行符,而行内元素没有这一特征。所以块状元素只能单行显示,而不能并列显示;
块状元素拥有完整的盒模型结构,因此可以给它定义宽度和高度,而行内元素没有这样的我,无法通过高度来改变文本行的行高。
两者可以通过display属性来改变其显示属性;
块元素(block element)div使用最多,内联元素(inline element)其代表是span | ||
block | address | 地址 |
block | blockquote | 块引用 |
block | center | 举中对齐块 |
block | dir | 目录列表 |
block | div | 常用块级容易,也是css layout的主要标签 |
block | dl | 定义列表 |
block | fieldset | form控制组 |
block | form | 交互表单 |
block | h1 | 大标题 |
block | h2 | 副标题 |
block | h3 | 3级标题 |
block | h4 | 4级标题 |
block | h5 | 5级标题 |
block | h6 | 6级标题 |
block | hr | 水平分隔线 |
block | isindex | input prompt |
block | menu | 菜单列表 |
block | noframes | frames可选内容,(对于不支持frame的浏览器显示此区块内容 |
block | noscript | 可选脚本内容(对于不支持script的浏览器显示此内容) |
block | ol | 排序表单 |
block | p | 段落 |
block | pre | 格式化文本 |
block | table | 表格 |
block | ul | 非排序列表 |
inline | a | 锚点 |
inline | abbr | 缩写 |
inline | acronym | 首字 |
inline | b | 粗体(不推荐) |
inline | bdo | bidi override |
inline | big | 大字体 |
inline | br | 换行 |
inline | cite | 引用 |
inline | code | 计算机代码(在引用源码的时候需要) |
inline | dfn | 定义字段 |
inline | em | 强调 |
inline | font | 字体设定(不推荐) |
inline | i | 斜体 |
inline | img | 图片 |
inline | input | 输入框 |
inline | kbd | 定义键盘文本 |
inline | label | 表格标签 |
inline | q | 短引用 |
inline | s | 中划线(不推荐) |
inline | samp | 定义范例计算机代码 |
inline | select | 项目选择 |
inline | small | 小字体文本 |
inline | span | 常用内联容器,定义文本内区块 |
inline | strike | 中划线 |
inline | strong | 粗体强调 |
inline | sub | 下标 |
inline | sup | 上标 |
inline | textarea | 多行文本输入框 |
inline | tt | 电传文本 |
inline | u | 下划线 |
inline | var | 定义变量 |
可以应用display and float两个属性来更改两类元素的显示方式;