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

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

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

<br /> <div id="mainNav"><br /> &nbsp;&nbsp; &nbsp;<ul><br /> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<li>home></li><br /> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<li>about us </li><br /> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<li>contact</li><br /> &nbsp;&nbsp; &nbsp;</ul><br /> </div><br />

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

    


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

div可以用对块级元素进行分组,而span可以用来对行内元素进行分组或标识:
<br /> <h2>xinbell.com</h2><br /> <p>外贸网站建设专家<span class="comp_name">万邦科技</span><br /> by <span class="domain">xingbell.com</span></p><br />

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