块级元素和行内元素有哪些?区别
1
块级元素
列表 | 意义 |
---|---|
address | 联系方式 |
dd | 定义列表中定义条目的描述 |
dl | 定义列表 |
div | 文档分区 |
fieldset | 表单元素分组 |
form | 表单 |
h1~h6 | 标题 |
hr | 水平分割线 |
noscript | 不支持脚本或禁用脚本时显示的内容 |
ol | 有序列表 |
ul | 无序列表 |
p | 行 |
pre | 预格式化文本 |
table | 表格 |
tfoot | 表脚注 |
H5新增:
列表 | 意义 |
---|---|
article | 文章内容 |
aside | 伴随内容 |
audio | 音频播放 |
canvas | 绘制图形 |
figcaption | 图文信息组标题 |
figure | 图文信息组(参照<figcaption>) |
footer | 区段尾或页尾 |
header | 区段头或页头 |
hgroup | 标题组 |
output | 表单输出 |
section | 一个页面区段 |
video | 视屏 |
行内元素
区别
区别一:
行内元素不会单独占一行
块级元素单独占一行
区别二:
块级元素有宽高 行内元素无宽高
区别三:
块级元素可以设置内边距 行内元素设置纵向内边距无效 ,横向内边距有效
区别三:
块级元素可以设置外边距 行内元素设置纵向外边距无效,可以设置横向外边距
区别四:
块级元素可以包含行内元素和块级元素
行内元素只能包含行内元素和文本