zoukankan      html  css  js  c++  java
  • p div span 标签的区别 对HTMl基础进一步理解

    也许在我们刚开始学Html基础时,也许老师讲过这之间的区别,但现在我似乎有些忘记了这样的基础比较,对基础的概念反而

    有些模糊了,天天写的程序却模糊了其中的真正内涵, 平时写时也常用 p div这样的块级标签,也用span的内联元素,

    写的时候常常是随心所欲,大不了再用 style  一下就可以了,一样实现效果!

    事实上,如果我们真正了解这些标签,我们的程序将事半功倍, 对搜索引擎也很友好 !

    span和div的不同之处在于span是内联的,用在一小块的内联HTML中,前后不断行.
    div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。
    p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.

    DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表(共同点)。
    两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
    详解:
    1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试一下下面的代码你会有更形象的理解:
    测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div>

    2.块元素和行内元素也不是一成不变的,通过定义CSS的display属性值可以互相转化,如:
    测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示

  • 相关阅读:
    redis 高级功能,过期事件监听
    三五个人的技术团队用的上的技术架构
    听说过api,但是你听说过spi吗
    PostgreSQL建表及相关
    shell命令 $(cd `dirname $0`; pwd);[ "$#" -ne "8" ];exit;declare;`date +%s`
    学习Shell命令
    Shell echo命令
    Linux常用命令
    Linux 目录结构
    nohup ./startWebLogic.sh >out.log 2>&1 & 解析
  • 原文地址:https://www.cnblogs.com/zhwl/p/2088615.html
Copyright © 2011-2022 走看看