当前位置: 首页 >文章 > 每天一个前端冷知识:前端中的“DIV”到底是个啥意思?
收藏
分享

每天一个前端冷知识:前端中的“DIV”到底是个啥意思?

举报李游Leo李游Leo发布于 2021-01-263849阅读6点赞
学了这么久的前端的我,居然被这个问题困住了!...

我们用了很久的前端,甚至有些小伙伴已经都学上全栈了,然后在有一次我跟他们聊天的过程中,我问他们“我也不问难的,你说说DIV是啥意思吧?”
然后好多同学都一脸懵逼的看着我,不知道如何作答。

“DIV就是那个啊!就那个,页面都用的块状元素。”
“DIV就是块状元素。”

更多的答案是这些,看来这种最基本的问题,往往都会成为被秒杀的题。那么我们每天都在用的DIV到底是个啥?

众所周知,HTML中的所有的标签都有其含义,例如img对应的是image图片的意思,video对应视频,audio对应音频。那么这个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的架构。



本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号~



转载 / 合作 请联系

leo_classroom@qq.com

0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,673人)

电商海报设计训练营
距离开班仅剩6天73人已报名
【5月】零基础手绘插画训练营
距离开班仅剩6天68人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩23天16人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了29,770
并提交了155份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证