html行内元素(内联元素),块级元素分别有哪些?

html行内元素(内联元素),块级元素分别有哪些?

常用的分类包括行内元素(内联元素)和块级元素。下面是它们的示例列表:

行内元素(Inline Elements):

  • <span>
  • <a>
  • <strong>
  • <em>
  • <code>
  • <img>
  • <input>
  • <label>
  • <select>
  • <button>
  • <textarea>

内联元素(Inline Elements)是行内元素的另一个术语,它们的行为和显示方式与行内元素相似。

块级元素(Block-level Elements):

  • <div>
  • <p>
  • <h1><h6> 标题
  • <ul><ol> 列表
  • <li> 列表项
  • <table> 表格
  • <form> 表单
  • <footer><header><nav> 等语义化元素
  • <section><article><aside> 等语义化元素

块级元素在默认情况下会在新行上开始,并占据可用的宽度。它们可以包含其他块级元素和行内元素。

需要注意的是,HTML5 中引入了更多的语义化元素,如 <header><footer><nav> 等。这些元素通常被视为块级元素,但它们还具有特定的语义含义,用于更好地描述页面结构。

相关推荐
谢小飞1 分钟前
Echarts高级柱状图开发:渐变与3D效果实现
前端·echarts
FogLetter4 分钟前
Vite vs Webpack:前端构建工具的双雄对决
前端·面试·vite
tianchang6 分钟前
JS 排序神器 sort 的正确打开方式
前端·javascript·算法
怪可爱的地球人9 分钟前
ts的类型兼容性
前端
方圆fy16 分钟前
探秘Object.prototype.toString(): 揭开 JavaScript 深层数据类型的神秘面纱
前端
FliPPeDround19 分钟前
🚀 定义即路由:definePage宏如何让uni-app路由配置原地起飞?
前端·vue.js·uni-app
怪可爱的地球人20 分钟前
ts的类型推论
前端
林太白26 分钟前
动态角色权限和动态权限到底API是怎么做的你懂了吗
前端·后端·node.js
每一天,每一步31 分钟前
React页面使用ant design Spin加载遮罩指示符自定义成进度条的形式
前端·react.js·前端框架
moyu8442 分钟前
Pinia 状态管理:现代 Vue 应用的优雅解决方案
前端