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

相关推荐
不如摸鱼去18 小时前
Wot UI 2.3.0 发布:二维码组件来了,Open Wot 与 wot-starter 同步更新
前端·ui·微信小程序·前端框架·uni-app
Cloud_bread18 小时前
从ReAct到自主闭环:Agentic Coding核心执行引擎的技术演进
前端·react.js·前端框架
cidy_9818 小时前
OptMem 使用教程
前端
杉氧19 小时前
用 Compose 挑战交互与动效天花板:ComposeCraftLab 开源实验室全解析
android·前端·kotlin
Canace19 小时前
AI 生成到 90% 突然断了:你的解决方案是?
前端·人工智能
TinssonTai19 小时前
Vite 8 版 Chrome 插件全家桶,popup/options/sidepanel 一次集齐
前端·vue.js
玉鸯19 小时前
让 Agent 面向用户:AG-UI 协议构建 Agent 前端
前端·python·agent
程序员黑豆19 小时前
鸿蒙应用开发 @Extend 装饰器使用教程
前端·harmonyos
杨先生哦19 小时前
【2026热端攻防系列 10/12】前端凭据安全深度攻防:Cookie/Storage劫持、会话固定、凭据泄露与浏览器最新加固方案
前端·笔记·安全·web安全
莫石20 小时前
坦克打无人机模拟(three-tile 地形)
前端