《网站重构--应用web标准进行设计》读书笔记

最新推荐文章于 2024-09-14 08:09:14 发布

larrywangsun

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量816

点赞数

分类专栏：前端--css 文章标签： css html 浏览器

本文链接：https://blog.csdn.net/larrywangsun/article/details/39740427

版权

前端--css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

精辟语录

站点巨大的成功是因为他们提供的服务，而不是漂亮的视觉设计。

第一部分

在开始之前

存在的问题

费用上升，效益下降。实现同样的网站，老的协议需要更多的代码，浪费更多的带宽。
现在的网站大都奉行向前兼容，致使大量嗅探代码存在。浪费带宽，而且不方便维护，对日后的兼容也存在很大问题。

解决方案

遵循新的标准开发，可以节约代码量，节约带宽。
遵循标准开发，可以保证向后兼容。会有很多浏览器慢慢支持这些标准的。
一个页面，多种展示。保证老的浏览器上功能ok即可，不必浪费大量经历去兼容老的浏览器。

第1章 99.9%的网站都是过时的

web标准是什么？

结构化语言 xml和html、xhtml
css 样式
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入门