1:语法

2:作用

div 标签可以用来划分 HTML 结构,从而配合 CSS 来整体控制某一块的样式。

div 标签是块级元素,它可用做组合其它 HTML 元素的容器。

div 标签可以用作严格的组织工具,如果用 id 或 class 来标记 div 标签,则 div 标签的作用会更加完美。

3:例子

我们以 “坚持就是胜利” 这句话的中英文书写方式为例,看一下 div 是如何划分结构的

首先先看一下编辑器效果,如下

再来看一下浏览器的运行效果,如下

如果我们把 div 标签去掉,只用段落标签 p 来实现,其实浏览器的运行效果是一样的,那我们为什么还要用 div 标签呢 ,这不是多此一举吗?

其实不然,这是在代码量比较少的情况下,两者的差距不明显,但如果代码有成百上千行的时候,就体现到了 div 标签划分结构的作用,同时也使代码更具有逻辑性。

总结来说,div 标签最重要的用途是划分区域,然后再结合 CSS ,针对指定区域进行样式控制。

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取

原文链接:https://blog.csdn.net/qq_42351033/article/details/102680545

前端获取div里面的标签_「HTML」什么是 HTML 中的 div 标签相关推荐

  1. 「HTML」什么是 HTML 中的 div 标签

    1:语法 2:作用 div 标签可以用来划分 HTML 结构,从而配合 CSS 来整体控制某一块的样式. div 标签是块级元素,它可用做组合其它 HTML 元素的容器. div 标签可以用作严格的组 ...

  2. boost::unorder_map如何插入元素_「React」如何在React中优雅的实现动画

    最简单的动画组件实现 动画的本质,无非就是一个状态样式到另一个状态样式的过渡.最简单的动画组件,我们只需要指定两个状态的样式(进入的样式,离开的样式),以及一个开关(控制状态),即可完成. codep ...

  3. caffe模型文件解析_「机器学习」截取caffe模型中的某层

    通常情况下,训练好的caffe模型包含两个文件: prototxt:网络结构描述文件,存储了整个网络的图结构: caffemodel:权重文件,存储了模型权重的相关参数和具体信息 对于某些大型的网络, ...

  4. java 过滤器执行图_「filterchain」java 过滤器Filter中chain.doFilter()之前和之后代码的执行顺序 - seo实验室...

    filterchain 过滤器拦截到请求之后,首先是执行doFilter()方法中chain.doFilter()之前的代码,然后放弃权限给下一个过滤器或者serverlet等等,最后才执行chain ...

  5. docker 容器运行 golang程序_「Docker」 - 运行 amp; 管理容器

    容器是基于容器技术所建立和运行的轻量级应用运行环境,它是Docker封装和管理应用程序或微服务的「集装箱」,在Docker中,容器是最核心的部分. 一.容器的创建和启动 Docker容器的生命周期里分 ...

  6. js最小化浏览器_「译」解析、抽象语法树(ast) +如何最小化解析时间的5个技巧...

    前言 该系列课程会在本周陆续更新完毕,主要讲解的都是工作中可能会遇到的真实开发中比较重要的问题以及相应的解决方法.通过本系列的课程学习,希望能对你日常的工作带来些许变化.当然,欢迎大家关注我,我将持续 ...

  7. 项目中技术细节(button用法、前端操作json、 hibernate的query.setFirstResult的用法注意、struts2中日期格式化标签)

    button的用法 struts2 s:iterator 中按钮获得当前行数据,并跳转 <button id="submissionz" onclick="var ...

  8. tomcat 不支持put 高版本_「MG6_DCT280」湿式七档双离合版本-性价比并不高

    上汽名爵_MG6定义为「掀背式运动轿车」,设计感很有些英伦风格,性能也确实可圈可点.然而这台车只有MT版本值得选择,即使在新款升级"DCT280"湿式七档双离合变速箱后也不例外.因 ...

  9. python的pandas包使用教程_「Python」pandas入门教程

    pandas适合于许多不同类型的数据,包括: 具有异构类型列的表格数据,例如SQL表格或Excel数据 有序和无序(不一定是固定频率)时间序列数据. 具有行列标签的任意矩阵数据(均匀类型或不同类型) ...

最新文章

  1. 文件复制软件绿化之dos命令
  2. 天线3db波束宽度_天线波束宽度计算公式
  3. 程序员数学基础【六、枚举 区块链,虚拟币种、币包约束,内环版本】(Java版本)
  4. Enterprise Library 4.0简介及改进
  5. redis 缓存数据_Redis 缓存数据方案对比:常规 VS 高并发服务器
  6. 从零开始写个编译器吧 - 程序流控制
  7. java sql变更存储,MySQL更改数据库数据存储目录,mysql数据存储
  8. Windows驱动开发,几个BLOG值得经常看看
  9. Jackson解析XML
  10. hdu 二分图最大匹配问题 (hdu 1083)
  11. 【产品】产品经理PM相关书籍荐读
  12. linux下的锐捷客户端
  13. 数据库入门之字符匹配
  14. Git GUI Here 设置成中文界面
  15. Java通过openOffice实现word,excel,ppt转成pdf实现在线预览
  16. 从易经看程序员的职业人生:乾卦--天行健,君子以自强不息
  17. 月薪3500的我,是怎样把自己 “逼”成月入十万的?
  18. Mac 开发 打开系统偏好设置
  19. python QQ空间新说说邮件提醒功能实现
  20. python批量爬取QQ音乐歌手的歌曲等信息

热门文章

  1. IE下easyui 缓存问题
  2. js类型判断(数字、0、、undefined、null)
  3. 一道海量日志的随机选取问题
  4. U盘autorun病毒清理
  5. win10java记事本运行_win10系统制作java文本的操作方法
  6. mysql 什么时候用内连接_mysql显示内连接和隐式内连接的区别,什么时候非要用到显示内连接。...
  7. html鼠标位置采集,css – HTML – 相对于鼠标指针的工具提示位置
  8. document api java_GitHub - liuanxin/api-document: java spring-mvc document collect
  9. Mac安装Redis
  10. 剑指offer面试题[7]-用两个栈实现队列