前端---块元素&行内元素



内嵌元素(html中规范定义):也叫内联元素、内嵌元素、行内元素、直进式元素.

与行内元素对应的就是块元素,都是html中规范的概念...

行内元素:一个挨着一个,都在同一行从左到右顺序显示,不单独占一行...

块元素:一般都从新行开始，相邻的块级元素将会在不同行显示...

当加入了css之后,块元素和行内元素的差异就不算是差异了

行内元素+display:block=块元素

块元素+display:inline=行内元素

常见的行内元素:

1  a – 锚点

2 abbr – 缩写

3 acronym – 首字

4  b – 粗体(不推荐)

5 bdo – bidi override

6  big – 大字体

7  br – 换行

8 cite – 引用

9 code – 计算机代码(在引用源码的时候需要)

10 dfn – 定义字段

11  em – 强调

12  font – 字体设定(不推荐)

13  i– 斜体

14  img – 图片

15  input – 输入框

16 kbd – 定义键盘文本

17  label – 表格标签

18  q – 短引用

19 s – 中划线(不推荐)

20 samp – 定义范例计算机代码

21  select – 项目选择

22  small – 小字体文本

23  span – 常用内联容器，定义文本内区块

24 strike – 中划线

25  strong – 粗体强调

26 sub – 下标

27 sup – 上标

28  textarea– 多行文本输入框

29 tt – 电传文本

30 u – 下划线

31  var – 定义变量

常见的块元素:

     ◎ address - 地址

◎ blockquote - 块引用

◎  center - 居中对齐块

◎ dir - 目录列表

◎  div - 常用块级容器，也是css layout的主要标签

◎ dl - 定义列表

◎ fieldset - form控制组

◎ form - 交互表单

◎  h1 - 大标题

◎  h2 - 副标题

◎  h3 - 3级标题

◎  h4 - 4级标题

◎  h5 - 5级标题

◎  h6 - 6级标题

◎  hr - 水平分隔线

◎ isindex - input prompt

◎ menu -  菜单列表

◎ noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容）

◎ noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）

◎ ol - 排序表单

◎  p - 段落

◎  pre - 格式化文本

◎  table - 表格

◎ ul - 非排序列表（无序列表）

可变元素(根据上下文的语境判断):

◎applet - java applet

◎ button - 按钮

◎ del - 删除文本

◎iframe - inline frame

◎ins - 插入的文本

◎map - 图片区块（map）

◎object - object对象

◎ script - 客户端脚本