始于设计 - 专于体验 - 合于沟通 - 久于转化 - 终于口碑 !      16年高端网站建设、跨境电商独立站定制开发、300+专业技术,设计团队、国家高新技术企业
响应式外贸网站制作中div和span的使用方法

发布者:万邦     目录:外贸网站制作     阅读数:40466

响应式外贸网站制作中div和span的使用方法

我们通常在用div在网页中添加一个元素时,许多人误以为div元素没有语义意义,其实,div实际上代表部分(division),它提供了将文档分割为有意义的区域方法。所以,通过将主要内容区域包围在div中并分配ID mainContent,就可以在文档中添加结构和意义。

为了将不必要的标识减到最少,应该只在没有现有元素能够实现区域分割的情况下使用div元素。
例如,如果使用主导航列表,那么就不需要将它包围在div中。
     

  • home        
  • about us 
  • contact


像上面这种情况,可以完全删除div,直接在列表上应用ID:

 

       

外贸网站制作过程中,过度使用div,使得代码结构不舍理崦且过分复杂的一个信号。

div可以用对块级元素进行分组,而span可以用来对行内元素进行分组或标识:
 

一般不需要对行内(inline,内联)元素进行分组或标识,所以使用span的情况比div少。在实图替换等效果时会看到span。尽管目标是保持代码尽可能的简洁,但是有了为了以希望的方式显示页面,无法避免使用额外无意义的div或span,那么也不必过于担心,我们正处在一个过渡时期,css3有望提供强大的文档控制能力。

 

 

 

上一篇: 外贸网站制作中css的font简写规则

下一篇: 外贸网站制作中css技术margin负值的运用