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

建站经验
浅谈网站友情链接的相关性
B2B行业门户网站最终页优化 标题设置方法
netbeans打造wordpress的本地编辑环境
网站优化后出现的12个最常见的错误
网站内容如何获得用户关注 增加访客浏览量
就爱车阿里吧吧博客推广经验总结
通过谷歌广告报表 洞悉网站整体广告运营状况
VC融资商业计划书系列(1)形式及内容构成
改版 如何提高网站访问量
谨防网上的淘宝客程序的陷阱
八大优化插件 增加客户对WordPress接受度
Blog优化的15个法则 写Blog的人努力方向
链接建设新角度
同一IP地址实现多域名对应多个Web站点
提高个人分析能力 把握网站推广技巧
商品行业20天定位打造日1000准客户
模仿Googlebot 机器人查来看你网页的代码
同样的淘宝客不同的经历 做比想难
Digg创始人分享:把1个用户变成100万的9种办法
解读SiteServer CMS网站内容管理系统的魅力

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 59 ::
收藏到网摘: 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)癖。告别不合理、不必要的结构性标记!