HTML只是赋予内容的手段,大部分HTML标签都有其意义(例如,标签p创建段落,h1标签创建标题等等)的,然而div和span标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。你所需要记住的是span和div是“无意义”的标签。它们的存在纯粹是应用样式,所以当样式表失效时它就没有任何的作用

它们被用来组合成一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来。span和div的不同之处在于span是内联的,用在一小块的内联HTML中。而div(division)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码,为HTML 文档内大块的内容提供结构和背景的元素,可以包含段落、标题、表格甚至其他部分,这使div便于建立不同集成的类。

div的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由div标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

特别注意:无意义的标签本身没有特效,需与css样式一起使用。div标签之后会换行,而span标签之后不换行。

无意义”的标签div和span的区别相关推荐

  1. HTML中div与span的区别,在HTML的网页布局里div与span有什么区别

    很多刚入行的朋友不是很懂这俩个标签的区别,可能大家认为SPAN也是一块,DIV也是一块,同样的作用为啥有俩个标签呢?本篇文章就给大家解答这个疑惑. DIV与SPAN的区别与特点 以下是在没有对开发网页 ...

  2. HTML中DIV与SPAN的区别

    DIV 和 SPAN元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染.主要用于应用样式表.两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素). 具体步骤: 1.所谓块 ...

  3. 图片标签|| 列表标签||链接标签||div和span|| 语义化标签

    图片标签 img:展示图片             * 属性:                 * src:指定图片的位置 相对路径                     * 以.开头的路径    ...

  4. Html 教程 (10)分组标签div 和span

    1. HTML 可以通过<div>和<span>将元素组合起来 1.1 HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素. 块级元素在浏览器显示时,通常会以 ...

  5. css案例学习之div与span的区别

    代码: <html> <head> <title>div 标记范例</title> <style type="text/css" ...

  6. html5无意义标签,无意义的div和span标签

    HTML 元素是块级元素,它是可用于组合其他 HTML 元素的容器. 元素没有特定的含义.除此之外,由于它属于块级元素,浏览器会在其前后显示折行. 如果与 CSS 一同使用, 元素可用于对大的内容块设 ...

  7. HTML标签之间有什么区别 div 和span?/span

    我想问一些简单的例子,显示<div>和<span>的用法. 我已经看到它们都用来用id或class标记页面的一部分,但是我想知道是否有时候有一个优先于另一个. #1楼 Div是 ...

  8. html中span跟div属性,HTML 的 div 和 span 标签

    这篇文章里会涉及到两个术语,这里先明确一下: 块级元素,block level element 内联元素(或者叫行内元素),inline element 大多数 HTML 元素被定义为块级元素和内联元 ...

  9. html中span隐藏属性,Div和Span标签显示与隐藏

    本实例中,学习jQuery的知识,显示与隐藏网页上的div或是span标签. 实际环境中,也许是根据某些条件进行,符合条件时,对某个或是某个div或是span标签时行显示与隐藏. 主要是学习jQuer ...

最新文章

  1. BigData/Cloud Computing:购买并登录Windows弹性云服务器之详细攻略(图文教程)—更优惠、更贴心!
  2. C和C++的关键字区别
  3. 如何在 C# 中使用 yield
  4. 5_python基础—条件语句(三目运算符)
  5. Linux初级入门(第一次作业)
  6. 中河广播服务器怎么连接无线话筒,无线话筒怎么连接音响 话筒连接音响方法...
  7. ssms 和sql_使用T-SQL和SSMS监视事务日志传送
  8. 出于安全考虑,谷歌禁用三款 Linux web 浏览器登录其服务
  9. EasyUI可编辑列
  10. 简单ajax跨域请求
  11. YII 学习笔记(2)(未完)
  12. 使用对象方式管理XML文件
  13. 积木赛尔号机器人_【点映观影】赛尔号大电影7:疯狂机器城赛尔宇宙探险迎人类首秀...
  14. 查找对方IP地址经典技巧汇总
  15. C++面向对象程序设计实践——任务与指导书(1)
  16. ROS学习—【在solidworks环境中将六自由度机械臂转换为URDF模型】
  17. java rgb565转rgb888_RGB565 与 RGB888的相互转换 | 学步园
  18. 关键接口性能测试报告
  19. JavaScript中onblur事件
  20. 如何搭建DHCP服务器及自动获取IP地址及相关操作

热门文章

  1. mysql 的独占锁和排它锁_MySQL的排它锁与共享锁
  2. mysql允许两个用户远程连接_mysql允许用户远程连接
  3. 为什么脚本执行一行就不动了_Centos7 批量创建用户账号脚本
  4. 华为android系统最新版,谷歌再放大招截胡鸿蒙系统!发布最新版安卓系统:国产手机抢先升级...
  5. CNN for Semantic Segmentation(语义分割,论文,代码,数据集,标注工具,blog)
  6. CNN几种经典模型比较
  7. BZOJ3862Little Devil I——树链剖分+线段树
  8. spring 配置多数据源
  9. 从源码浅析MVC的MvcRouteHandler、MvcHandler和MvcHttpHandler
  10. COBOL 学习笔记 之 入門篇(续集)