当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 警惕DIV癖 语义化标签页面要好好学习HTML

建站经验
11个PR7以上的国内网址导航站
国内现状 目前没几个博客能赚钱
网站推广最重要的2点 细节和坚持
给想通过博客赚钱的站长朋友的一些建议
网络推广经验 前期准备和发帖原则
盈利模式 细分市场是站长梦开始的地方
把握博客更新时间
总结网站推广中需要避免的12种推广方式
淘宝网店推广重点 抓住潜在的购买客户
建站杂谈 2010年web领域的预测
给用户一个无法拒绝的回访理由
建站案例 地方门户网站运营的心酸事
制作英文网站的基本流程
网站备案 图文教程
独立域名的英文博客从WordPress切换到Blogger的步骤
大胆尝试电子商务 改变传统盈利思路
404页面设计全攻略
以收购网站为名的商业间谍不可不防
运营企业网站来实现营销目标的经验
淘宝的站内搜索能改变搜索格局?

建站经验 中的 警惕DIV癖 语义化标签页面要好好学习HTML


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 45 ::
收藏到网摘: n/a

眼下,css+div已经成了一种行业典型说法,甚至已经成为职位名称。作为职业的页面重构工作者,不禁对此无奈的苦笑。无需多讲,我要说的主题也不是css+div有什么不对,我想说的是由此说法引来的误区和癖好。

绝大部分人开始学网页制作,只是一味用DIV标签来布局,DIV里再套DIV,也不知道注意什么标签语义化。这不是什么错,本来XHTML里使用最多的标签是DIV嘛。设计师出来效果图交给我们,很快就要求写出页面,那只能是一味地写,一味的在各种浏览器里做测试。测试通过,就交给程序完工。可是真的回头想想,如果我们的页面都是一味的DIV嵌套出来,仅仅的为了比TABLE做的页节省网页体积和样式的重复调用嘛?DIV布局的意义何在?HTML里的许多元素的意义何在?这是值得我们思考的问题。

在精通HTML一书里看到了这方面的讲解,目前最大的不良使用习惯就是:使用DIV来代替标题和段落之类的结构性标记。当要标记内容的时候,有很多不同的标记可以供选择。我们可以在CSS的开头进行各个元素的重置(CSS Reset),然后我们可以根据不同的情况来选择属于它们的标签。最典型的误区是将将标题放在DIV里,而不去使用h1-h6,慢慢的我们要更改页面里充斥的不必要的结构性标记。如果已经有非常好的结构性和语义性标记可用,那就再也没有借口使用《div》了。

HOHO,要写出语义化标签的页面来,我们还需要好好学习HTML,理解HTML。告别div癖(divitis)、span癖(span-mania)、class(classitis)癖。告别不合理、不必要的结构性标记!