div 换行_每天1个前端冷知识 | “DIV”到底是个啥意思？

最新推荐文章于 2022-02-23 15:46:58 发布

weixin_39959349

最新推荐文章于 2022-02-23 15:46:58 发布

阅读量331

点赞数

文章标签： div 换行 div不占位置 div不换行 div中内容靠右 div显示图片 div里的转发如何换行

我们用了很久的前端，甚至有些小伙伴已经都学上全栈了，然后在有一次我跟他们聊天的过程中，我问他们“我也不问难的，你说说DIV是啥意思吧？” 然后好多同学都一脸懵逼的看着我，不知道如何作答。 “DIV就是那个啊！就那个，页面都用的块状元素。” “DIV就是块状元素。” 更多的答案是这些，看来这种最基本的问题，往往都会成为被秒杀的题。那么我们每天都在用的DIV到底是个啥？

众所周知，HTML中的所有的标签都有其含义，例如img对应的是image图片的意思，video对应视频，aodio对应音频。那么这个div到底对应着啥？其实div全称DIVision，即为划分。DIV是层叠样式表中的定位技术，有时可以称其为图层。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。 简单来说这个家伙天生属性好，非常符合人类的布局感受，用起来也没有多事，自然而然就变成了抢手货，甚至有一段时间前端工程师都管布局叫DIV + CSS。可想而之其他元素的地位多低了。

我们再往前追述一下，CSS是DHTML的基础，CSS用于设定HTML元素在页面上的显示风格，而CSS-P则是CSS的一个扩展，它可用来控制HTML元素在网页上或者说在窗口的位置。使用CSS－P，主要依靠< div >标签来实现，当你把HTML内容放在< div >标签里时，可以称它为:“DIV块”, “DIV 元素”, “CSS-layer”,或者简单的称之为“layer”。所以说使用DIV标签的方法和其他标签没有什么两样，所以简单来说他就是个换行用的，从新开始的标签，跟其他标签的意义来说也就这么点分别，不过估计作者自己也没想到这个标签都到了H5的时代了还能撑起80%的HTML的架构。