HTML文档结构对Div+CSS布局的意义


选择合适的、有意义的元素去描述你的内容,确保您所选择的是富有语义的类class和id特征值,以合适的标签来组织编写HTML文档,建立具有良好语义的结构。

  相关精彩文章

  用CSS控制浏览器滚动条样式源代码

  [专题]谷歌浏览器:Google Chrome

  主要就是我对结构和开发效率之间的矛盾的一个思考,css框架怎样才能不破环结构的一个疑问。而且对于结构和效率我的观点就是“拥有合理的结构,才是你web标准化的根本动机”,web是承载信息的,没有理由为了视觉效果,而破坏合理的结构。 

  Web标准的要把握几点:

  使用结构化,语义化的标签

  使用CSS分离出(X)HTML文档中的表现元素

  依靠Javascript去增强,而不是替代,网站的特征(举个例子就是如果css做不了的,交给Javascript而不是替代css去做他能做的)

  对于多样式组合的结构我一直是很反感的,可能我理解的不够深入,体会不到他的好处,或许合理的组合可以兼顾结构和开发效率,可是我没有发现,我就要抵触。

  对样式组合方式是这样的

  <div class=”class1 class2 … classn”></div>

  举个布局例子

  <div class=”f-left w400 bgfff”>

  几个类组合成一个左浮动,宽400 背景为白色的一个区域

  你可能拥有一个庞大的库,页面只需要任意的class的组合就可以完成,省去大部分花费在css上的时间,可是带来的是结构的混乱,改版的困难,甚至向后兼容受到限制。这样做和table布局没什么两样,只是代码看着好看而以,而且代码量相差也不会太大。在应用web标准初期,合理的table布局也是允许的。

  如此多的class让我想起了table冗长的属性

  <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN=CENTER WIDTH=100% HEIGHT=100%>

  难道辛辛苦苦就是想使用div配合css模拟出一个table很容易实现的效果?而且达到和table布局一样的拙劣?

  语义化也是结构的一个部分,语义除了合理的使用(X)HTML标记语言,id也是一个语义组成的部分,div的id就像一个即时贴,告诉你某个div的语义,告诉你这个区块的意义。

  微格式(Microformat)是在标准 XHTML 代码中嵌入结构化数据的一种新方法。他的诞生也很明确的说明了web的结构永远是第一位,语义化的优势很现实的体现出来,div的属性规划也体现着语义,而不仅仅是一个传递给样式工作的接口。可以去看看ibm文档中心的一篇“使用 microformats 分离数据与格式”了解它的工作原理。



相关阅读:
PHP var_dump遍历对象属性的函数与应用代码
asp.net gridview的Rowcommand命令中获取行索引的方法总结
extjs 初始化checkboxgroup值的代码
windows系统无法运行.exe可执行文件的解决办法
在LINUX系统下安装卡巴斯基杀毒网络版
Linux下磁盘配额管理技巧
asp.net 无刷新翻页就是这么简单
javaScript Array(数组)相关方法简述
PHP面向对象概念
JavaScript+JSP打造二级级联下拉菜单
jquery向.ashx文件post中文乱码问题的解决方法
页面中js执行顺序
从零学DedeCms模板教程
ASP.NET遍历页面的所有button控件
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 挡驾 高考作文素材之麦穗和挫折哲理故事 写我心中的英雄作文 开学第一课观后感开头结尾怎么写300字 中职学生班主任评语 其实我们都很孤独 区镇任党委副书记挂职锻炼工作总结 植物、动物、人教学反思 傲绝(1)——新人日子(下)作文2400字 描写雪的作文800字 公益服务部学期工作计划-部门工作计划_部门工作计划 一条终结轮回的路——《追风筝的人》读后感 我是一条“虫” 在构建社会主义和谐社会中充分发挥统一战线的作用 善待动物——淹城野生动物世界游记 2015初一入团申请书 怪爸爸作文550字 在妇女座谈会上的讲话 思念爷爷 心情不好的一句话 美丽的洛浦——我的家800字 从前,我爱打架作文700字 按部就班的生活作文350字 抗敏感,不惶恐 遇到困难,勇往直前作文700字 未来的灯泡作文400字 为有源头活水来 对“做人——作文”课改生命化的思考 财政局工程建设检查总结 千言万语,我只想说一句:认识你,真好!! 明媚的布里斯班 穿越时空的距离来触摸你 来路不堪回首 柔水与烈火 未来的2115年作文400字 全区外资项目签约暨2006年开放型经济首季“开门红”动员部署会议主持词 六年级下册四单元作文 排除懒惰的毒素 爱之也! 马儿的愿望作文200字 房地产面积测绘合同 珍爱生命(转载)作文100字 牵挂会痛,但很美丽 阳光下的颜色作文800字 小学一年级作文600字:二十年后的我 县中医院2015年工作总结 陈年:我是凡客 不说话的意思 小学四年级作文400字:我们是好朋友 梦想开始的地方 周杨昊 姐妹情深作文

Copyright © 2016 phpStudy |