区别
div
- 是块级元素,主要用于容纳其他标签,独占一行
- 未设定宽度时,div的宽度为父元素的宽度
span
- 是行内元素, 主要用于容纳文字
- 无法添加宽度和高度
二者:div内可以存放span,但是span内无法存放div标签。
块状元素
<address> <center> 地址文字 <h1>.-----<h6> 标题标签 <hr> 水平分割线 <p> 段落 <pre>预格式化 <blockquote> 段落缩进 前后5个字符 <marquee>滚动文本<ul> 无序列表 <ol> 有序列表 <li> <dl> 定义列表 <table> <tr><td> 表格 <form> 表单 <div> <header> <nav> <footer> 头部尾部
行内元素
<span>. <a> 链接 <br> 换行 <b> 加粗 <strong> 加粗 <img > 图片 <sup> 上标 <sub> 下标 <i> 斜体 <em> 斜体 <del> 删除线 <input/> 文本框 <textarea> 文本域 <select> 下拉框
参考:面试之块状元素、行内元素有哪些?各自的特点?
|