《Web开发中块级元素与行内元素的区分》

一、块级元素的特性：

占据一整行，总是重起一行并且后面的元素也必须另起一行显示。

HTML中块级元素列举如下：

address（联系方式信息）

article（文章内容）

aside（伴随内容）

audio（音频播放）

blockquote（块引用）

canvas（绘制图形）,

dd（定义列表中定义条目描述）

div（文档分区）

dl（定义列表）

fieldset（表单元素分组）

figcaption（图文信息组标题）

figure（图文信息组）

footer（区段尾或页尾）

form（表单）

h1-h6（标题）

header（区段头或页头）

hgroup（标题组）

hr（水平分割线）

noscript（不支持脚本或禁用脚本时显示的内容）

ol（有序列表）

output（表单输出）

p（段落）

pre（预格式化文本）

section（一个页面区段）

table（表格）

tfoot（表脚注）

ul(无序列表)

vidio（视频）

 

二、内联元素特性：

和其他内联元素显示在同一行。

一般块级元素可以包含其他块级元素和内联元素。 这种结构上的区别使块级元素比内联元素更适合一些“大型”的结构。

内联元素列举如下：

b（粗体）

big（大号字体）

i（倾斜）

small（小号字体）

tt（等宽）

abbr（缩写）

cite（引用）

code（计算机代码文本）

dfn（定义项目）

em（强调）

kbd（键盘文本）

strong（语气强调）

samp（样本文本）

var（定义变量）

a（链接）

bdo（元素可覆盖默认的文本方向）

br（换行）

img（图像）

map（图像映射）

object（对象）

q（引用）

script（定义客户端脚本）

span（组合行内元素）

sub（下标）

sup（上标）
button（按钮）

input（输入）

label（标注）

select（表单控件）

textarea（文本域）