调用DIV元素和SPAN元素分组多元素_程序开发

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

创始人

2024-07-14 01:40:52

0次

你对利用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元素的区别
JavaScript代码轻松实现DIV圆角
网页排版中IE6，IE7，Firefox浏览器兼容性写法
CSS属性display:inline-block使用揭秘
Firefox、IE7、IE6浏览器兼容问题概念解析

上一篇：开源模式让黑客软件更加疯狂？

下一篇：熟悉无线局域网传输机制

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

Footnotes

Footnotes

相关内容

热门资讯