html块级标签和行内标签

日期：2026-05-11 12:25:19 作者：创始人浏览：0

html中块级元素和行内元素都有哪些

我记得有一次我帮一个朋友改一个网页，他坚持要把一个包含图像的放入

中。
结果，所有图像都被压缩成一行，就像排队买票一样。
他急得满头大汗，说道：“显然是我加了保证金。
”我看了一下他的代码，发现他将强制转换为块级元素。
怪不得。

等等，还有一件事。
我已经在星巴克了，我旁边的人正在使用 bootstrap 来创建响应式布局。
他告诉我，“这个网格系统太方便了。
”当时我就想，他是不是把所有的东西都放到了

里了。
后来我看到他的手机页面，发现他也用

包裹了

。
难怪标题这么小。

突然觉得在那些大厂的前端写代码就像玩乐高一样，有时
有时
，连我这样的老手都看得眼花缭乱。
但话虽这么说，他们可以获得每个小模块的正确语义，这确实比我们直接使用
时要好得多。

例如，<button>现在被强调为语义，不能随意替换为。
上次我更改大学捐赠页面上的按钮时，院长坚持让我使用<按钮>，并说“这样使用更好”。
然而后来我发现后台的表单处理和预想的不一样。
这真是……
所以有时我会想，虽然这些标签有很多，但要不要真正用好，还是要看情况。
想一想，当外卖员点餐时，他看到的“下单”是<button>还是 都会影响他下单的心情。
html常见的三种页面布局方法
等等，我记得昨天在地铁上刷手机，点击了一个网站。
导航栏和本网站的内容明显分开，几乎没有任何重叠。
但旁边有一个网站。
图像挤满了文字，文字又挤满了图像。
这是相当混乱的。
当时我还在想为什么网站这么复杂。
后来我想到，这个乱七八糟的网页可能使用了浮动布局，设计不当。

相对定位。
上次我修改弹出窗口时我使用了相对定位。
我将弹出窗口放置在当前页面上的按钮上，但它并没有破坏文档流程，并且背景仍然可以显示。
绝对定位就更加残酷了。
我记得在调试一个复杂的页面时，有一个元素使用了绝对定位，直接跳到了页面的左上角。
它是完全看不见的，必须单独回收。
固定定位是一种无论你如何滚动都会卡在屏幕某个角落的广告类型，这很烦人。

突然我想：这些布局方式像现实生活中的人吗？有些人单独工作，喜欢块级元素；有些是一起工作的，比如行级元素；有些人可以两种方式工作，比如内联块元素。

标签：元素 布局方法

css 搜索栏

2026-01-19 11:01:54 浏览：4

html5居中怎么设置

2026-03-16 21:45:18 浏览：3

HTML中div文本居中设置教程：CSS text-align属性详解

2024-12-23 18:52:54 浏览：4

jQuery实现文本框值变化检测及动态绑定方法解析

2024-12-11 14:00:24 浏览：2

html返回顶部和返回底部按钮

2026-03-28 15:54:22 浏览：2

前端html模板

2026-03-27 01:02:35 浏览：3

html做完怎么保存

2026-03-19 10:27:25 浏览：3

html技术

2026-04-29 18:39:56 浏览：1

浏览器中JavaScript禁用与启用指南

2024-12-10 15:47:09 浏览：5

jquery怎么给文本框赋值

2026-04-28 12:01:42 浏览：1