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> 等。这些元素通常被视为块级元素,但它们还具有特定的语义含义,用于更好地描述页面结构。

相关推荐
布茹 ei ai3 分钟前
城市天气查询系统 (City Weather Dashboard)
javascript·vue.js·html·css3·开源软件·天气预报
gyx_这个杀手不太冷静4 分钟前
上线前不做 Code Review?你可能正在给团队埋雷!
前端·代码规范·团队管理
跟着珅聪学java10 分钟前
在JavaScript中清空一个div的内容有多种方法,以下是常用的几种实现方式及适用场景:
html
全栈老石24 分钟前
从硬编码到 Schema 推断:前端表单开发的工程化转型
前端·vue.js·架构
weixin_4624462326 分钟前
【原创实践】使用 shell 脚本批量创建 Linux 用户并生成随机密码
linux·服务器·前端
软件技术NINI1 小时前
娃娃店html+css 4页
前端·css·html
wordbaby1 小时前
TanStack Router 路径参数(Path Params)速查表
前端
盟接之桥2 小时前
盟接之桥--说制造:从“找缝隙”到“一万米深”——庖丁解牛式的制造业精进之道
大数据·前端·数据库·人工智能·物联网·制造
巴拉巴拉~~2 小时前
Flutter 通用滑块组件 CommonSliderWidget:单值 / 范围 + 刻度 + 标签 + 样式自定义
开发语言·前端·javascript
韭菜炒大葱2 小时前
现代前端开发工程化:Vue3 + Vite 带你从 0 到 1 搭建 Vue3 项目🚀
前端·vue.js·vite