DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

div标签:

<div> 标签定义 HTML 文档中的分隔(DIVision)或部分(section)。div属于web前端的学习内容,其中<div> 标签常用于组合块级元素,以便通过样式表来对这些元素进行格式化。

<div> 可定义文档中的分区或节(division/section)。<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

当使用 CSS-P 的时候, 主要把它用在 DIV(division)tag 上。当把文字,图像,或其他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。所以把它称作“层次”。所以当看到这些名词的时候,就知道它们是指一段在 DIV 中的 HTML。本次给大家推荐一个免费的学习圈,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。对web开发技术感兴趣的同学,欢迎加qun:四八四七五七七六零,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天解答问题。

用法:

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

可以对同一个 <div> 元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。

前端开发基础:html中的div什么意思?相关推荐

  1. web前端开发基础——在网页中使用表格

    web前端开发基础--在网页中使用表格 文章目录 web前端开发基础--在网页中使用表格 前言 一.表格 1.表格及其基本使用 2.引用css 二.单元格的合并 1.样例 2.样例代码 前言 本篇主要 ...

  2. JavaWeb:前端开发基础

    JavaWeb:前端开发基础 内联元素和块级元素 说明: 联元素和块级元素都是html中的范畴,块元素和内联元素的主要差异是块元素是从新的一行开始.而内联元素一般显示在一行上.但是可以通过css的di ...

  3. 前端开发基础(HTML基础)

    前端开发基础 目的:开发一个平台(网站)- 前端开发:HTML.CSS.JavaScript- Web框架:接收请求并处理- MySQL数据库:存储数据的地方快速上手:基于Flask Web框架让你快 ...

  4. 顾川的前端学习笔记--前端开发基础

    阶段一前端开发基础 初始HTML 本阶段重难点 3.29小时40小节4个模块 CSS选择器 盒模型 CSS三大特性 浮动和清楚浮动 CSS四种定位 CSS进阶 CSS3 前端工程师需要会的PS取图 案 ...

  5. 黑马程序员之Web前端全栈 · 阶段一 前端开发基础 (3)

    Web前端全栈 · 阶段一 前端开发基础 (3) 说明 三.HTML 标签 1. HTML 语法规范 1.1 基础语法概述 1.2 标签的关系 2. 基本结构标签 2.1 第一个 HTML 2.2 基 ...

  6. 前端开发从项目中获得什么_我如何获得副项目的前10个客户以及从他们那里学到的东西...

    前端开发从项目中获得什么 by Tigran Hakobyan 由Tigran Hakobyan 我如何获得副项目的前10个客户以及从他们那里学到的东西 (How I got my first 10 ...

  7. Web前端开发基础三剑客学习知识分享

    Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML.CSS.JavaScript.除此之外还要学习数据可视化.Vue.React.Angular相关框架,熟练运用框架提升开发效率, ...

  8. 网站前端开发基础知识学什么?必备技能

    网站前端开发基础知识学什么?Web前端开发网页制主要由HTML.CSS.JavaScript三大要素组成.随着企业需求变,前端开发技术的三要素也演变成现今的HTML5.CSS3.jQuery.响应式布 ...

  9. 移动前端开发基础与优化

    移动前端开发基础与优化 http://qywx.gitcafe.io/2014/11/22/%E7%A7%BB%E5%8A%A8%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91 ...

  10. 前端开发:JS中关于正则表达式的使用汇总

    前言 在前端开发过程中,关于正则表达式的使用也是必备技能,尤其是在实际业务需求的时候,需要处理一些不能按照正常语句操作的逻辑,如前端开发中的字符匹配.参数处理等都需要正则表达式来匹配截取处理.虽然正则 ...

最新文章

  1. 邮件安全隐患及其防范技术研究
  2. Codeforces 712C. Memory and De-Evolution
  3. Maven提示:有关可执行jar的所有信息
  4. 向高手学习--第3列数据是第2列从头到当前行的值之和
  5. 一个计算两个日期间隔的算法
  6. 【算法】平衡二叉树 Avl 树
  7. hdu1284钱币兑换问题
  8. 这N张模板,做出了秒杀echarts和python的可视化大屏,老板很满意
  9. itextpdf 合并单元格 横向纵向
  10. ModifyStyle ModifyStyleEx修改自定义控件的问题
  11. 铁路“探花儿”:每天徒步8公里 一个月穿坏一双鞋
  12. Caché的studio如何Debug
  13. 风靡全球的华为手机投屏技巧!手机变成电脑,简直不要太酷!
  14. 三星GPSDO STP2878LF 10MHZ驯服钟使用说明备忘录
  15. 周末阅读之《刻意练习》,很多“天才”不过是找对了方法
  16. java mail 554_javaMail 163 邮箱发 qq 邮箱 总是报 554 DT:SPM 163 smtp11
  17. javaweb项目设计思路
  18. c语言开发题库管理系统,c语言程序设计_题库管理系统.doc
  19. java将图片均匀分成9份,怎样把一张图片快速切成平均等分/切图? - 杂谈
  20. 您说什么它都能理解?对话式搜索了解一下

热门文章

  1. 忘记密码找不回?不存在的:python自动解密解码,简直异常轻松~
  2. Python获取天天基金上的数据
  3. CIA-SSD那点事儿
  4. iOS CALayer动画原理分析
  5. JS 快速替换字符串指定下标字符
  6. 如何使 Bootstrap Table 初始化、重新加载
  7. Ubuntu 下的一些软件安装。
  8. PDF无法复制或图片文字时,用java开发一个小程序来解决,下载jar包直接使用
  9. 光盘镜像,如何打开光盘镜像文件?
  10. 企业软文营销应避免这五大误区