| 注册 | 忘记密码
奇技淫巧 - 阅读主题
<<  <  1  >  >>

Web标准(Web Standards)学习笔记

好(0) 差(0) 阅读(4850) 评论(5)
Wen 给 Wen 发消息 给 Wen 发email
作者头像
等级:◆◆◆◆◇◇◇
  1. DW可转换现成HTMLXHTML 1.0 Transitional
    方法:打开HTML文件,执行菜单 文件->转换->XHTML
    转换后的文档符合:

    1. 当文档的字符编码是默认的 UTF-8 之外的编码时,文档必须具有 XML 声明。
    2. 文档中的根元素之前必须有 DOCTYPE 声明,而该声明必须引用 XHTML 的三个文档类型定义 (DTD) 文件(严格、过渡或框架页)之一。(DW把非框架页转换成过渡型,把框架HTML页转换成框架XHTML页)
    3. 文档的根元素必须为 html,而 html 元素必须指定 XHTML 命名空间。
    4. 标准的文档必须包含 head 、title 和 body 结构元素。框架集文档必须包含 head 、title 和 frameset 结构元素。
    5. 文档中的所有元素必须正确嵌套。
    6. 所有元素和属性名称必须为小写。
    7. 每个元素都必须有结束标签,除非在 DTD 中将其声明为 EMPTY。
    8. 空元素必须有结束标签,或者开始标签必须以 /> 结束。为了向后兼容不支持 XML 的浏览器,/> 前必须有一个空格。
    9. 属性无法进行最小化。受影响的属性:checked、compact、declare、defer、disabled、ismap、multiple、noresize、noshade、nowrap、readonly 和 selected。
    10. 所有的属性值必须用引号引起来。
    11. 以下元素必须具有 id 属性和 name 属性:a、applet、form、frame、iframe、img 和 map。
    12. 对于具有枚举类型的值的属性,值必须为小写。
    13. 所有脚本和样式元素都必须具有 type 属性。
    14. 所有 img 和 area 元素都必须具有 alt 属性。(这点DW无法为缺少该属性的元素补充alt属性,但会报告有多少个元素缺少此属性)

  2. 为了跟随XHTML的发展趋势,除满足上面叙述的原则外,以后还要注意的构建原则:
    注释中不使用--
    不使用表现层标签和属性,包括但不限于:<font>、color、bgcolor、align、valign
    少用<br />
    如不考虑兼容性,不使用name属性
    非内容图片在CSS中用background: url({url}) {color} no-repeat;定义
    用<div>布局和定位,<table>仅用于显示数据表(怎样才算数据表而不算布局?)
  3. 需要关注的未来特性:
    <section></section>和<h></h>
    <nl>
    <line>
    XForms
    XML Events
    XFrames
  4. 容易搞错的地方:

    1. CSS中,position:relative是表示相对其本来的位置定位;如果所有父容器的position都没有指定,则position:absolute是相对整个页面定位(或叫绝对定位);如果想相对某父容器定位,则把父容器的position设为relative即可(只要不加其它定位规则,position:relative对父容器的位置没有影响)。
    2. div作容器时,如果内部对象是漂浮的(float),则容器的display属性不能为inline。

  5. 学习资源
    http://www.onestab.net/seybold 一个介绍及推广Web标准幻灯片,做得非常好
    http://www.w3cn.org 中文的Web标准学习资源站点
    http://www.webstandards.org Web标准官方站
    http://www.w3c.org 各种文档标准(诸如XHTML标准,CSS标准)的制定者
  6. 工具资源
    HTML Tidy 检查清理HTML错误的工具。
    HTML Validator(based on Tidy) Firefox的扩展(Extension),检验正在查看的网页的错误,内核是HTML Tidy。
    在线校验各种HTML:http://validator.w3.org/
    在线校验CSS:http://jigsaw.w3.org/css-validator/
  7. 感想

    • 感觉实际上并不是像有些网站所说的国外很早就开始Web标准化。虽然Web标准已经提出了几年,但看了若干国外网站,例如Google、SourceForge,还没有符合Web标准。
    • 由于IE这厮长期垄断养成了我行我素的习惯,目前就算最新版本的IE6对Web标准仍支持不好。于是要想兼顾Web标准和使用IE的用户,网页设计者需要用一些怪语句来实现,例如CSS中的!important语法。要Web标准得以发扬光大,除了像某些人所说的要有一款Web标准的可视化网页制作软件之外,还要期望IE的下一版本对Web标准的支持。

Share/Save/Bookmark
最后修改:Wen 于 2005-12-28 23:04:11

发表于 2005-05-06 14:34:21

评论:Re: Web标准(Web Standards)学习笔记

好(0) 差(0) #1
(过客)

DW可转换现成HTML为XHTML 1.0 Transitional

这使我的网页变得丑陋:一些表格的背景色,文字的位置都出现了问题。


发表于 2005-08-06 00:51:14

评论:Re: Web标准(Web Standards)学习笔记

好(0) 差(0) #2
Wen 给 Wen 发消息 给 Wen 发email
作者头像
等级:◆◆◆◆◇◇◇

楼上,大概你使用了XHTML已经不支持的特性。

使用XHTML一般要结合CSS使用。表格的背景色、文字的位置都应该用CSS设置而不应该再靠HTML标签来实现。

Web标准是很多标准的集合(包括HTML/XHTML、CSS、DOM的标准,还有关于易用性(Accessibility)的标准),应该进行综合学习,而不应该只学习某一标准,例如单单学习XHTML意义不大而且会有很多困惑。


发表于 2005-08-06 18:00:04

评论:Re: Web标准(Web Standards)学习笔记

好(0) 差(0) #3
Wen 给 Wen 发消息 给 Wen 发email
作者头像
等级:◆◆◆◆◇◇◇
发表于 2005-09-02 12:52:55

评论:Re: Web标准(Web Standards)学习笔记

好(0) 差(0) #4
old9 给 old9 发消息 给 old9 发email
作者头像
等级:△

以下元素必须具有 id 属性和 name 属性:a、applet、form、frame、iframe、img 和 map。

这个是怎么一说?怎么看着有些奇怪,a,img都需要id和name属性?


发表于 2006-04-02 20:00:49

评论:Re: Web标准(Web Standards)学习笔记

好(0) 差(0) #5
Wen 给 Wen 发消息 给 Wen 发email
作者头像
等级:◆◆◆◆◇◇◇

那几点是从Dreamweaver的转换帮助贴下来了,当时并没有细看。

我认为a和img不一定需要id和name属性。


发表于 2006-04-02 22:14:00
奇技淫巧 - 阅读主题
<<  <  1  >  >>

Valid XHTML 1.0 | Valid CSS2 | WAI-A WCAG 1.0

Copyright 2005-2018 WEN'S Horizon [37/0.038]