HTML元素

HTML元素是由一个开始标签，一个结束标签，以及内容。结束标签与开始标 签类似，不过结束标签在尖括号内多了一个斜线。标签决定了其内容的特性。如下，标 签内的问题以段落形式进行显示。

块级元素（ Block elements）

• 独占一行空间，用来布局段落，列表，导航菜单，脚注等结构，不要将块级元素嵌 套在行内元素中。
• <p>this is paragraph1</p>
• <p>this is paragraph2</p>

用于搭建页面框架

特性：

• 独占一行空间
• 默认宽度为父元素的100%，默认高度由子元素或者内容决定
• 可以为块元素指定宽度和高度

行内元素（ Inline elements）

与其他元素共享一行空间，一般被嵌套在块级元素中，通常作为段落的一部分出现

<p>you are <strong>strong</strong></p>

用于填充，装饰。

特性：

• 行内元素不可以嵌套块元素
• 多个行内元素共享一行空间
• 不可以指定高度

空元素（ Empty elements）

• 只包含单个标签，通常用于在文档中插入部分内容，例如img
• <div><img src="my.jpg" alt=""></div>

替代元素（ replaced element ）

替代元素已经脱离了CSS的范畴，它们的表现不依赖CSS，典型的替换元素有<img>，<object>，<video>，<textarea>，<input>，<audio>，<canvas>等。

块级元素	行内元素	空元素	替代元素
div（无意义）	span（无意义）	img	img
h1-h6	a(超链接)	br	object
margin	url(锚点)	link	input
font-size	img	meta	canvas
font-weight	src		audio
p	alt		textarea
padding	以下是装饰性行内元素（逐步淘汰）		video
ul,li	strong
list-style	b
ol,li	em
dl,dt,dd	i
html	del
body	sub/sup
nav	u
table	label
thead/tbody/tfoot/
caption
colgroup
tr,th,td
form