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

相关推荐
山有木兮木有枝_3 分钟前
JavaScript 设计模式--单例模式
前端·javascript·代码规范
一大树17 分钟前
Vue3 开发必备:20 个实用技巧
前端·vue.js
颜渊呐22 分钟前
uniapp中APPwebview与网页的双向通信
前端·uni-app
10年前端老司机34 分钟前
React 受控组件和非受控组件区别和使用场景
前端·javascript·react.js
夏晚星35 分钟前
vue实现微信聊天emoji表情
前端·javascript
停止重构37 分钟前
【方案】前端UI布局的绝技,响应式布局,多端适配
前端·网页布局·响应式布局·grid布局·网页适配多端
極光未晚37 分钟前
TypeScript在前端项目中的那些事儿:不止于类型的守护者
前端·javascript·typescript
ze_juejin39 分钟前
Vue3 + Vite + Ant Design Vue + Axios + Pinia 脚手架搭建
前端·vue.js
lichenyang45340 分钟前
React项目(移动app)
前端
用户618482402195141 分钟前
Vue-library-start,一个基于Vite的vue组件库开发模板
前端