1/1页1 跳转到查看:736
发新话题 回复该主题

DIV+CSS的XHTML代码结构浅谈 - 不要真DIV+CSS了

DIV+CSS的XHTML代码结构浅谈 - 不要真DIV+CSS了

首先,要说说“DIV+CSS”词性的理解,她形容采的是用DIV(其实是XHTML)作为结构、采用css作为表现的一种网页设计技术。当web标准传入中国时很多人为了让大家更容易理解把采用web标准设计形容成“DIV+CSS"!但是,问题也随之而来了。很多刚刚接触web标准的设计师简单的认为就是用DIV来替换我们原来的表格布局。他们设计出来的网页的结构也有DIV和CSS。

  出现的错误——所有元素采用DIV布局。

<div>

<div>标题</div>

<div>内容</div>

</div>


  错误简单分析,由于错误的理解很多新手会完全采用DIV来布局,在这样的结构里DIV2和3完全没有语义。而我们采用web标准的一个原因就是让代码的结构更有意义。记得以为高手说过乱用DIV和用表格布局一样糟糕。

  其实我们可以将代码修改成这样。让我们的网页结构变的更好。

<div>

<h2>标题</h2>

<p>内容</p>

</div>



  这里将标题和内容的DIV用与页面内容更相符的 h2 和 p替换。使页面的代码结构更加清晰更具有意义。
  相信看完例子大家应该明白“DIV+CSS别真DIV+CSS了”的意思了。
最后编辑张三疯 最后编辑于 2008-04-17 10:53:48
授人以鱼不如授人以渔!

TOP

 

回复:DIV+CSS的XHTML代码结构浅谈 - 不要真DIV+CSS了

很不错的,事实就这样

TOP

 

回复:DIV+CSS的XHTML代码结构浅谈 - 不要真DIV+CSS了

嗯  好像是
因为还年轻,所以一直在积累
因为没有炫耀的资本,所以坚持脚踏实地
因为不能掌握结果,所以更加专注过程
因为无法预知未来,所以紧紧把握现在
欢迎访问我的门户网站

TOP

 

回复:DIV+CSS的XHTML代码结构浅谈 - 不要真DIV+CSS了

理解DIV就要理解“盒子模型”,在盒子里套得太多盒子代码就不清晰

TOP

 

回复:DIV+CSS的XHTML代码结构浅谈 - 不要真DIV+CSS了

多层嵌套的话,跟表格就没有区别了

TOP

 
1/1页1 跳转到
发表新主题 回复该主题