码迷,mamicode.com
首页 > Web开发 > 详细

HTML-span和div区别

时间:2020-03-05 13:47:15      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:宽度   设计   样式   建议   idt   标准   play   col   html元素   

    
    /**
     * span和div概念区别和相似点
     * 
     *     div标记是html3.0时提出来的,但是不常用,直到css的出现才慢慢变得应用广泛起来。
     *     span是HTML4.0以后才被引入,主要针对样式表设计的。
     * 
     *     div可以理解成一个容器,这个容器可以放段落、标题、图片等各种HTML元素。
     *  div可看做一个独立内容的对象,对于css的控制。先需要对div控制,再对div中各标记的元素再进行控制。
     * 
     *  span标记与div标记一样,作为容器标记广泛应用在HTML中。 
     *  span同样可以容纳各种html元素,span也可以视为独立的对象。span和div两个标记都可以独立出区块,这一点没有很大的区别。
     * 
     * 
     */
    
    /**
     *  span和div功能区别
     *  
     *      : div是一个块级元素,它包含的元素会自动换行。
     *      : span是行内元素,在它的前后不会换行。
     *      : span没有结构上的意义,只是单纯的应用样式,其他元素不适合时,就可以使用span元素。
     *      : span可以作为div的子元素,但div不能是span的子元素,如果出现span中出现div不符合ws3c的页面标准。
     *  
     *
     */
    
    /**
     *  span和div使用区别
     *  
     *      span元素宽度是被包围的内容宽度决定,不建议给span设置宽度属性width,可以给span设置margin值,设置与父元素之前的距离。
     *      span可以通过css声明(display:block)转换为块元素,想对一行内文字或图片进行单独的样式设置,而又由不需要换行的条件下,且又不影响其他行内其他内容时,span可以很好解决这些问题。
     * 
     */
    

 

HTML-span和div区别

标签:宽度   设计   样式   建议   idt   标准   play   col   html元素   

原文地址:https://www.cnblogs.com/tanjiyuan/p/12419611.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!