调用DIV元素和SPAN元素分组多元素

你对利用DIV元素和SPAN元素分组元素方法是否熟悉，这里和大家分享一下，利用DIV元素或SPAN元素可以分组多个元素，以创建页面的某些部分或者子部分，相信本文介绍一定会让你有所收获。

利用DIV元素和SPAN元素分组元素

利用DIV元素或SPAN元素可以分组多个元素，以创建页面的某些部分或者子部分。这些元素自身不会影响页面的外观，但是它们通常与CSS一起使用，以允许用户添加样式到页面的某个部分(详情参考第7章)。例如，可以将页面中的所有脚注放置到一个DIV元素中，以表明DIV元素中的所有元素与该脚注相关。然后可以附加一个样式到这个DIV元素，从而使用一组特殊的样式规则来显示脚法。

如下代码演示了用于分组块级元素的DIV元素：

 
 
 
    
  
  
  
    2. 
  
  
  
  2.  
    Footnotes
      
    3. 
  
  
  
  3. 1 The World Wide Web was  
    4. 
  
  
  
  4. inventedby Tim Berners-Lee
      
    5. 
  
  
  
  5. 2 The W3C is the World Wide Web  
    6. 
  
  
  
  6. Consortium who maintain many Web   
    7. 
  
  
  
  7. standards
     
 

  • 另一方面，可以使用SPAN元素仅分组内联元素。因此，如果句子或段落的某个部分需要分组，可以使用SPAN元素。下面的代码中添加了一个SPAN元素，以表明哪些内容与某位发明家相关。该SPAN元素中包含了一个粗体元素和一些文本：

     
 
 
      
  
  
  
    1.   
      2. 
  
  
  
    2. Footnotes
        
      3. 
  
  
  
    3. 1  
      4. 
  
  
  
    4. The World Wide Web was invented 
      5. 
  
  
  
    5.  by Tim  Berners Lee
        
      6. 
  
  
  
    6. 2 The W3C is the World Wide 
      7. 
  
  
  
    7.  WebConsortium who maintain many Web  standards
      8.
     

    该元素自身对文档在浏览器中的显示外观没有任何影响，但是它对标记添加了额外的意义，即将相关元素分组在一起。这种分组也可以供其他处理应用程序使用，或者用于使用CSS规则将特殊的样式赋给组中的元素(参见第7章)。

    DIV元素和SPAN元素可以附带所有的通用属性和UI事件属性，甚至是逐渐淘汰的align属性(StrictXHTML1.0中已经移除该属性)。

    网页名称：调用DIV元素和SPAN元素分组多元素
    本文网址：http://www.csdahua.cn/qtweb/news28/312278.html

    网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

    成都快上网为您推荐相关内容

    解决方案知识

    各行业网站

    关键词优化排名　　 　品牌网站建设公司　　 　绵阳网站制作　　 　腾讯云香港虚拟主机　　 　四川主机托管　　 　成都手机网站开发　　 　成都网站制作公司　　 　开元建筑　　 　茶叶批发零售　　 　成都关键词SEO优化　　 　安卓开发　　 　娃娃鱼鱼苗　　 　软文发布平台　　 　成都木托盘　　 　移动APP　　 　阿坝网站建设　　 　响应式网站　　 　网站制作　　 　宜宾做网站　　 　广安迈傲建站