行内元素有哪些?

常用的行内元素:

  • a - 锚点
  • em - 强调
  • br - 换行
  • img - 图片
  • font - 字体设定(不推荐)
  • span - 常用内联容器,定义文本内区块
  • input - 输入框
  • label - 表格标签
  • select - 项目选择
  • strong - 粗体强调
  • textarea - 多行文本输入框

不常用的行内元素:

  • i - 斜体
  • b - 粗体(不推荐)
  • q - 短引用
  • u - 下划线
  • s - 中划线(不推荐)
  • tt - 电传文本
  • sup - 上标
  • sub - 下标
  • big - 大字体
  • dfn - 定义字段
  • bdo - bidi override
  • kbd - 定义键盘文本
  • cite - 引用
  • abbr - 缩写
  • code - 计算机代码(在引用源码的时候需要)
  • small - 小字体文本
  • samp - 定义范例计算机代码
  • strike - 中划线
  • acronym - 首字

块级元素有哪些?

常用的块级元素:

  • p - 标签定义段落
  • h1 - 定义最大的标题
  • h2 - 定义副标题
  • h3 - 定义标题
  • h4 - 定义标题
  • h5 - 定义标题
  • h6 - 定义最小的标题
  • ul - 定义无序列表
  • ol - 定义有序列表
  • li - 标签定义列表项目
  • dl - 定义列表
  • dt - 定义列表中的项目
  • dd - 定义列表中定义条目
  • hr - 创建一条水平线
  • div - 定义文档中的分区或节
  • form - 创建 HTML 表单

不常用的块级元素:

  • th - 定义表头单元格
  • td - 表格中的标准单元格
  • tr - 定义表格中的行
  • table - 标签定义 HTML 表格
  • thead - 标签定义表格的表头
  • tbody - 标签表格主体(正文)
  • tfoot - 定义表格的页脚(脚注或表注)
  • caption - 定义表格标题
  • pre - 定义预格式化的文本
  • legend - 元素为
  • fieldset - 定义一个框架集
  • fieldset - 元素定义标题
  • address - 定义地址
  • noscript - 定义在脚本未被执行时的替代内容
  • noframes - 为那些不支持框架的浏览器显示文本,于 frameset 元素内部

空(void)元素有哪些?

常见的空元素:

	<br><hr><img><input><link><meta>

鲜为人知的是:

	<area><base><col><colgroup><command><embed><keygen><param><source><track><wbr>

行内元素和块级元素有什么区别?

  1. 块级元素默认占一行高度,默认情况下宽度自动填满其父元素宽度
    行内元素不会独占一行,相邻的行内元素会排在同一行,其宽度随内容的变化而变化
  2. 块级元素可以设置宽高
    行内元素不可以设置宽高
  3. 块级元素可以设置 marginpadding
    行内元素水平方向的 margin-leftmargin-rightpadding-leftpadding-right 属性设置可以生效
    行内元素竖直方向的 margin-bottommargin-toppadding-toppadding-bottom 属性设置是无效的;
    行内元素的 padding-toppadding-bottom 从显示的效果上是增加的,但其实设置是无效的,并不会对它周围的元素产生影响
    注:有关该点,详情可参考 qq_37621289 的博文 给行内元素设置padding和margin是否有效
  4. 块级元素转行内元素:display:inline
    行内元素转块级元素:display:block
    行内元素或块级元素转行内块元素:display:inline-block
Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐