重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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

这篇文章给大家介绍如何调用DIV元素和SPAN元素分组多元素,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

成都创新互联公司网站设计,为客户量身定制各类网站建设业务,包括企业型、电子商务型、响应式网站、行业门户型等各类网站,实战经验丰富,成功案例众多。以客户利益为出发点,成都创新互联公司网站制作为客户规划、定制网站开发符合企业需求、带有营销价值的网络建站方案认真对待每一个客户,我们不用口头的语言来吹擂我们的优秀,数千家的成功案例见证着我们的成长。

你对利用DIV元素和SPAN元素分组元素方法是否熟悉,这里和大家分享一下,利用DIV元素或SPAN元素可以分组多个元素,以创建页面的某些部分或者子部分。

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

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

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

  

Footnotes

   

1 The World Wide Web was   inventedby Tim Berners-Lee

   

2 The W3C is the World Wide Web   Consortium who maintain many Web    standards

 

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

   

Footnotes

   

1   The World Wide Web was invented   by Tim  Berners Lee

   

2 The W3C is the World Wide   WebConsortium who maintain many Web  standards

 

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

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

关于如何调用DIV元素和SPAN元素分组多元素就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


分享文章:如何调用DIV元素和SPAN元素分组多元素
转载来于:http://cqcxhl.cn/article/gijdpo.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP