一个[复杂表单]热了热身,嗯,好,现在开始逐渐进入状态中……

这个副标题让我琢磨了很久,和之前的“随想随说”不一样,重新命名为《重构之美》后就给了我压力,让我认真对待仔细斟酌,这样其实也好。

2006 2 25 Create

Web标准在概念描述上涵盖了三个部分,结构[xhtml]、表现[css]、交互[DOM、ECMAScript],准确的定义我就不摘抄凑字数了,百度上google一下,遍地都是。这三个部分我认为并非处于同一个等级,xhtml是最重要的部分是第一级,而css和script则并列处于第二级,简单如下图例:

我认为不要小看了这个认识,我觉得这个目前很多人都没有意识到的问题,即便意识到了,行为上也没有跟上。怎么说呢?script不是我所擅长的,所以我基本上不会涉及到Web标准中交互这部分,即便涉及也只是很浅,个人能力有限。css部分会有针对性的涉及到,但不会很多,因为我不想在css上做太多的文章,因为我感觉现在国内Web标准界对css的追捧有点过了,大小介绍Web标准的网站和书籍主要都是在介绍css的各种技巧,而对于xhtml部分的介绍很少,也就泛泛的提及用div代替table进行布局和书写规则,多一点的会提到语义。

有没有深入的理解过?为什么要严格书写?我想大部分的答案是通过认证。再问,为什么要通过认证?答不出来了?好,再来,那又为什么要严格书写?又是认证?这不扯蛋嘛!鬼大爷管你认证与否。那么严格书写需要吗?不需要吗?靠!再来说语义,说起来估计还有很多“Web标准”者连语义这两个字都不知道。我认为语义是xhtml的两个核心之一,另外一个核心就是今天要谈到的结构。比如对表格table的使用,都是这么说的:表状数据还是要用table标记。那么有没有想过什么样的数据是属于表状数据?我说把一个三栏式布局的页面视为一行三列表状数据行不行?我是在扯蛋,那么什么是表状数据?什么时候用table?现在网上关于xhtml语义理解的文章真的很少,为什么?css啊,从上到下都追捧css去了,以至于那天我在蓝色理想上见回帖:学div+css,但不准备遵守xhtml……。类似的还有很多,什么花样都有。无语中,我想每个真正理解了Web标准的人都会很无奈的摇头,近2年Web标准的推广演变为Css的推广。Css很重要吗?不重要吗?靠!我说不要Css行不行?你找一大堆完全合理的理由……“行不行?”“行!”那就对了,我说不要你的Css,我要他的Css,又行不行?那么和xhtml相比,Css重要在哪里?

最后我们来说说关于“用div代替table进行布局”这种说法,这么说吧,如果你是抱着这种思路使用div,我认为是错误的,布局这个概念其实是table带来的,如果你又把布局加到对div的理解中去,那么对不起,你还是一个“table者”。最典型的,有位朋友针对我上一篇[复杂表单]评论到:你这个表单看似复杂,其实很简单,不过左右两列式布局,左二右六,……。他还提到了“拼装”两个字,然后说我的代码不过是用div代替table,说我是table思路。看看看看他对页面的分析,“左右两列”,“左二右六”,“拼装”,多么熟悉啊,即便他用div实现了这样的布局,你认为他抛开了table吗?所以我说他完全没看懂我的代码。我只听说过“不要使用table布局”,没有在很官方的地方看见过“用div代替table进行布局”这种说法,都是人为造出来的,或许是为了更好的推广Web标准,但是现在我们要知道,这种说法是错误的!div从来不是布局元素,也没有哪个标记是布局元素。

像上面的图示,xhtml是根基,表现和交互虽然也很重要,但毕竟可以不要表现,也可以不要交互,但是不能不要xhtml,所以在现在,在现在狂热的追捧Css,几乎达到忽略xhtml这个根基的环境下(比如上面我说的那个回帖),我要站出来,振臂一呼:Css,Stop!(不知道有多少人响应我,鄙视我也欢迎,当我是疯子一笑而过也可以。^_^)

本来打算简单说说Web标准的概念和对现状的不满,然后专心写[深入结构:理解h系列的不合理。],结果扯谈了这么多,也好,换个标题发布,[深入结构:理解h系列的不合理。]放到下篇来写。

2006 2 27 Update


本文转自爆牙齿博客园博客,原文链接:http://yuntian.cnblogs.com/archive/2006/02/27/338852.html,如需转载请自行联系原作者

重构之美-走在Web标准化设计的路上[振臂一呼:Css, Stop! ]相关推荐

  1. 重构之美-走在Web标准化设计的路上[复杂表单:Reloaded]

    在<复杂表单>一文中我提出了表单的标准化设计思路,但并没有什么个人总结,因为当时我也在权衡揣摩研究以及斟酌判断决策之中.^_^. 在复杂表单上,标准的优势吸引着我,标准的劣势折磨着我.坚持 ...

  2. web标准化设计:常用的CSS命名规则

    常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左 ...

  3. web网页设计与制作-html+css+js实现企业官网展示

    web网页设计与制作-html+css+js实现企业官网展示 主要使用原生HTML.CSS.JavaScript编写的一个静态企业官网展示类型的网站. 文件目录 assets:静态资源目录: favi ...

  4. 《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》-漫步时尚广场代码-6

    Web前端设计与开发-课后任务-漫步时尚广场任务第五章源码 前台模块 shoppingShow_goods.html shoppingShow_goods_byScript.html 后台模块 css ...

  5. 《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》-漫步时尚广场代码-2

    Web前端设计与开发-课后任务-漫步时尚广场任务源码 第二章 任务2-1 任务2-2 top.html left.html shop_search.html foodlist.html main.ht ...

  6. 《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》-漫步时尚广场代码-1

    Web前端设计与开发-课后任务-漫步时尚广场代码 第一章 任务1-1 任务1-2 任务1-3 任务1-4 第一章 图片素材路径根据实际情况进行修改 任务1-1 <!--菜单导航栏 start-- ...

  7. 重构之美-跨越Web标准,触碰语义网[开门见山:Microformat]

    Microformat,认识它的时候很神奇.我查了一下在标准群里的聊天记录: 2006-06-23 16:42:45 爆牙齿郑旻() 晕,标准就标准嘛,微软又偷换概念了,微格式(Microformat ...

  8. web网页设计实例作业 HTML5+CSS大作业——简单的个人图片网站(6页)

    HTML5+CSS大作业--简单的个人图片网站(6页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. ...

  9. WEB网页设计中的DIV+CSS入门(转自:中国站长在线网)

    CSS是Cascading Style Sheets(层叠样式表)的缩写.是一种对web文档添加样式的简单机制,属于表现层的布局语言. 一.基本语法规范 分析一个典型CSS的语句: p {COLOR: ...

最新文章

  1. Binary XML file line #98: Attempt to invoke virtual method 'boolean java.lang.String.equals(java.lan
  2. php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新
  3. 用c语言编写心里测试,求各位大神赐教!我做了一个“心理测试的答题卷”编程,总共有1...
  4. MongoDB-GRIDFS大文件系统
  5. 【Linux】10_存储管理EXT4文件系统详解
  6. data-index在react里怎样表达_如何自我训练,提高表达能力
  7. DevExpress控件GridControl中的布局详解 【转】
  8. go中defer的一个隐藏功能
  9. [sqlite] android create db in SD card
  10. 怎么调出全局搜索_局部静态变量只能初始化一次?它是怎么实现的
  11. C++程序员Protocol Buffers基础指南
  12. html标题代码字号,HTML 标题
  13. ROS-Academy-for-Beginners 替换自己的地图模型
  14. boost shared_ptr 用法
  15. java web重定向_Javaweb学习之资源重定向与请求转发
  16. 基础的数据处理(1)—出租车数据的基础处理,由gps生成OD(pandas)
  17. SPSS基本数据处理(一)
  18. extmail mysql数据库 重启_linux下安装和配置extmail
  19. c语言最长良序字符串,C语言高效编程的4个方法
  20. Windows API-GDI入门基础知识详解 来源: PConline.com.cn

热门文章

  1. apk修改strings.xml后重新打包出错
  2. linux内核模块编译
  3. .NET程序脱离.NET Framework 运行之道
  4. nginx 同一个端口支持 http https_Nginx
  5. C语言经典例96-计算字符串中子串出现的次数
  6. 【Linux 内核】进程管理 task_struct 结构体 ⑤ ( files 字段 | nsproxy 字段 | 信号处理相关字段 | 信号量和共享内存相关字段 )
  7. 【Java 虚拟机原理】线程栈 | 栈帧 | 局部变量表 | 反汇编字节码文件 | Java 虚拟机指令手册 | 程序计数器
  8. 【错误记录】Kotlin 1.5.0 编译报错 ( 1.5.0 中 Float 不能直接转 Byte 类型 )
  9. 【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )
  10. 【嵌入式开发】ARM 芯片简介 (ARM芯片类型 | ARM处理器工作模式 | ARM 寄存器 | ARM 寻址)