东莞做响应式外贸网站：了解下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有望提供强大的文档控制能力。

【关键词标签】东莞做网站公司    东莞做外贸网站,东莞做响应式外贸网站

• 劳保用品公司厂家网站建设_成为企业竞争战..
• 东莞做网站公司,盘点下小企业建网站要了解..
• 东莞做网站公司——支招下CSS网站布局技..
• 东莞做网站公司——怎样建设一个简洁的企业..
• 东莞做网站推广——8字口诀！错位竞争，只..
• 外贸企业海外推广小贴士：YouTube视..
• 外贸生意人想了解的：谷歌推广投放策略！
• 贸易公司外贸营销如何打动外商：带来更多的..
• 东莞建网站——建个公司网站多少钱?
• LED照明灯外贸网站建设：首页设计要吸睛..
• 日用品外贸英文网站优化推广——5大注意项
• 外贸工厂想把产品卖到海外要怎么做？
• 外贸soho建站要考虑哪些问题：欧美设计..
• 东莞做网站公司——做企业网站如何选择网站..
• 外贸SOHO响应式手机网站制作：欧美风格..