响应式外贸网站制作中div和span的使用方法
我们通常在用div在网页中添加一个元素时,许多人误以为div元素没有语义意义,其实,div实际上代表部分(division),它提供了将文档分割为有意义的区域方法。所以,通过将主要内容区域包围在div中并分配ID mainContent,就可以在文档中添加结构和意义。
为了将不必要的标识减到最少,应该只在没有现有元素能够实现区域分割的情况下使用div元素。
例如,如果使用主导航列表,那么就不需要将它包围在div中。
- home
- about us
- contact
像上面这种情况,可以完全删除div,直接在列表上应用ID:
- home>
- about us
- contact
在外贸网站制作过程中,过度使用div,使得代码结构不舍理崦且过分复杂的一个信号。
div可以用对块级元素进行分组,而span可以用来对行内元素进行分组或标识:
一般不需要对行内(inline,内联)元素进行分组或标识,所以使用span的情况比div少。在实图替换等效果时会看到span。尽管目标是保持代码尽可能的简洁,但是有了为了以希望的方式显示页面,无法避免使用额外无意义的div或span,那么也不必过于担心,我们正处在一个过渡时期,css3有望提供强大的文档控制能力。