html块级标签和行内标签

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

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

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

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

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

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

包裹了

。
难怪标题这么小。

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

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

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

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

标签：元素 布局方法

html按钮怎么设置颜色透明度

2026-05-16 20:59:26 浏览：5

css垂直居中

2026-02-20 17:12:15 浏览：5

html输入框按钮代码

2026-05-13 11:05:17 浏览：4

CSS隔行变色技巧：4种方法轻松实现网页美观

2024-12-24 10:08:32 浏览：8

chrome调试查看与审核html元素是

2026-03-30 21:47:41 浏览：3

如何解决jQuery EasyUI Buttons悬浮提示问题：使用easyui-tooltip类及引入jquery.tooltip.js

2024-12-11 18:05:33 浏览：6

html雪花代码

2026-05-10 13:57:24 浏览：7

html5section标签

2026-03-17 05:55:26 浏览：3

html网页导航栏怎么做的

2026-03-28 20:55:26 浏览：4

css外部样式表怎么用

2026-03-25 22:57:04 浏览：4