《网站重构--应用web标准进行设计》读书笔记
2014-10-02 21:56
501 查看
精辟语录
站点巨大的成功是因为他们提供的服务,而不是漂亮的视觉设计。
第一部分
在开始之前
存在的问题
费用上升,效益下降。实现同样的网站,老的协议需要更多的代码,浪费更多的带宽。现在的网站大都奉行向前兼容,致使大量嗅探代码存在。浪费带宽,而且不方便维护,对日后的兼容也存在很大问题。
解决方案
遵循新的标准开发,可以节约代码量,节约带宽。遵循标准开发,可以保证向后兼容。会有很多浏览器慢慢支持这些标准的。
一个页面,多种展示。保证老的浏览器上功能ok即可,不必浪费大量经历去兼容老的浏览器。
第1章 99.9%的网站都是过时的
web标准是什么?
结构化语言 xml和html、xhtmlcss 样式
dom模型
ECMAScript
第2章 根据标准设计和制作
web标准三剑客
结构HTML
XHTML
HTML5
XML
表现
CSS1
CSS2
CSS3
行为
ECMAScript
DOM1
DOM2
参考:http://www.w3.org/
第3章 推广标准的困难
不知所云的一章。
第4章 XML征服世界(和其他web标准成功案例)
XML和HTML来源于同样的技术SGML(类似于HTML,也使用标记、属性和值来格式化文档结构)HTML是构架web页面的一种基本语言。它由一些固定数量的标记和看起来好像有些矛盾的规则组成。
XML是一种能够创造其他语言的语言。
XHTML和SVG都是机遇XML的语言。
第二部分
第5章 现代置标语言
测试代码用HTML 4.01,XHTML 1.0,XHTML1.1制作的网页是否符合标准规范。http://validator.w3.org/
XHML是一个用XML语法对HTML进行重新阐述的语言。如果用稍微准确一点的语言来说,XHTML是机遇XML的标记语言,并且看起来和HTML有些相像,只有些小的但却重要的区别。
XHTML1.0是通向XHTML未来版本的一座桥梁。
第6章 XHTML:Web重构
XHTML标准一:DOCTYPE
DOCTYPE用来说明你用的XHTML或者HTML是什么版本。XHTML允许设计师或开发者创造个性化、不同类型的文档,每种文档被不同的规则约束。这些规则都是在一个叫文档类型定义(DTD)的XHTML规范的基础上定义的。DOCTYPE声明校验服务,现代浏览器根据你定义的DTD来描绘你的标记。
DTD有三类
过度的(Trancsitional) -- 最宽松的DTD,它宣称的目标是“自己活也让别人活”
严格的(Strict)-- 挥着鞭子的冷酷的DTD,逼着你不能使用表现层的标记和属性。
框架的(Frameset) -- 20世纪90年代最流行的布局方式,同样地,也可以在你的设计中使用。
XHTML标准二:namespace
紧跟在DOCTYPE声明之后是一个XHTML明明空间声明,放在增强的html元素中。xml的一个命名空间是收集元素类型和属性名字的一个特定DTD,名字空间声明允许你通过一个在线地址指向来标识你的名字空间。
XHTML标准三:文档编码类型指定
w3c推荐在所有内容之前(DOCTYPE和namespace的前面)声明文档编码类型,格式如下:<?xml version="1.0" encoding="utf-8"?>
但没有浏览器支持,现在主要采用:
<meta charset="utf-8" />
其他XHTML标准
大小写敏感:不像HTML,XML对大小写是敏感的,所以,XHTML也是大小写有区别的。所有的XHTML元素和属性的名字都必须使用小写,否则你的文档将是无效的。给所有属性值加引号:在HTML中,你可以不需要给属性值加引号,但是在XHTML中,他们必须被加引号。
所有属性都需要值,如:
<input type="checkbox" name="shirt" checked />
是不行的,修改如下:
<input type="checkbox" name="shirt" checked="checked" />
关闭所有标签:对于li,p标签,必须关闭
空标签也要关闭:br,img标签
不要在注释内容中使用'--'
其他的一些建议
不要用html标签来控制表现,如:table,font标签标签尽可能语义化,用p和div都能实现某一效果。要考虑其语义来做取舍。
第7章 紧凑而坚固的页面保证:以严格和混合的标记组成的结构
所有元素都尽可能结构化用div进行结构化。id配合之,用来标识div的含义
第8章 XHTML的示例:混合布局(第一部分)
略
第9章 CSS入门
相关文章推荐
- 读《网站重构-应用web标准进行设计》后
- 应用WEB标准进行网站设计--《网站重构》读书笔记
- 应用WEB标准进行网站设计--《网站重构》读书笔记
- 网站重构—应用Web标准进行设计
- 1.5 推荐优秀书籍 - 网站重构与Web标准设计 - 学习笔记
- 转自thinhunan 应用WEB标准进行网站设计--《网站重构》读书笔记
- 2.3 Mozilla Firefox - 网站重构与Web标准设计 - 学习笔记
- 2.5 Mozilla Firefox 附件组件 - 网站重构与Web标准设计 - 学习笔记
- 2.1 过时的浏览器 - 网站重构与Web标准设计 - 学习笔记
- 2.4 Mozilla Firefox安装与操作 - 网站重构与Web标准设计 - 学习笔记
- 2.2 符合标准的浏览器 - 网站重构与Web标准设计 - 学习笔记
- 1.4 Web标准的好处 - 网站重构与Web标准设计 - 学习笔记
- 读"WEB标准和网站重构"后的一些感想
- 搜索引擎优化就是对网站进行优化设计?
- 怎样能方便快捷的在本地进行jsp网站应用开发?
- 【web标准设计】学习、提高、欣赏网站推荐
- 一次运用设计模式对现有系统进行重构的尝试(一)
- 【web标准设计】学习、提高、欣赏网站推荐
- 两行代码取得当前网站的(无交互状态下的)网页html源代码就够了,不用对asp.net网页设计技术进行一点点倒退
- 【web标准设计】学习、提高、欣赏网站推荐