Web 品质 - W3C 标准

提高 WEB 品质的第一步就是使我们开发的 HTML、CSS 必须符合 W3C 标准

因为浏览器会根据 W3C 推荐标准制定自己的 WEB 渲染机制,所以越符合 W3C 的推荐标准,则在各个平台和 浏览器上显示的越一致,也就越少的 BUG 出现

W3C 标准包括以下 HTML 标准和 CSS 标准,目前推荐的标准版本是:

  • HTML 家族中的 HTML5
  • CSS 家族中的 CSS3

HTML 标准

HTML5 是最新的 HTML 推荐标准版本

使用 HTML5 有以下的优点:

  • 更少的标签,通常情况下可以省略 <html>,<body> <head>元素等
  • 更加语义化,添加了 <article>、<nav>等语义化标签

在 HTML5 之前 XHTML 也是推荐之一

HTML5 之前的 HTML 4.01 和 XHTML 也推荐大家去看看和阅读,这样能够了解 HTML 家族的发展脉络和历史,增加你对 HTML 的了解

HTML 家族的发展史是

HTML4.01 > XHTML > HTML5

你可以点击我们首页的 HTML4XHTML 来阅读更多内容

CSS 标准

高品质的 WEB 网站,一定会使用 **层叠样式表(CSS) 将内容与样式分离的

如果你完全掌握了 HTML,你会发现改变一个 HTML 元素的展现样式有四种方法

  1. 使用内置的属性,比如 alignfont 和 内置的标签 <i><b> <hr/>
  2. 使用 style 内嵌 CSS 样式属性
  3. 使用 <style> 元素嵌入 CSS 样式段
  4. 用独立的文件存储 CSS 内容,然后使用 <link> 将样式文件与 HTML 内容关联

第 1 种我们不再推荐,除非语义化的要求或者特殊情况下使用

第 2,3,4 种就是使用了 CSS 这种推荐标准

第 2,3 种我们也不推荐使用,特殊情况除外(一般是高性能网站的要求)

CSS 推荐标准目前已经发展到 CSS3

虽然有一大部分 CSS3 还得不到支持 但所有现代的 web 浏览器均支持 CSS 1 和 CSS 2 标准

推荐优先使用 CSS3 ,对于不支持 CSS3 的浏览器,采用 hack 的方法

你可以点击首页 的 CSS 来阅读更多的内容

W3C 标准验证工具

请确保在发布页面前进行验证应该成为一种习惯

上文中我们提到要书写符合 W3C 标准的 HTML 和 CSS,那怎么才能判断我们写的是否符合要求呢?

毕竟人工检查庞大的代码难免会有疏漏。

在这里,我们推荐使用 W3C 标准验证工具

W3C 标准验证工具是一种软件程序,可根据 W3C 标准对您的网站进行检查

当我们使用验证工具检查过HTML, XHTML 或 CSS 文档之后,验证器就会根据您选择的标准返回一系列所发现的错误
通常,验证器会返回所发现错误的行号

你可以点击阅读 W3C 页面验证 阅读更多内容

WAI - 无障碍网页倡议

这仅仅是一种倡议,表示的是我们开发的 WEB 内容众生平等的使用

WAI 指的是无障碍网页倡议( "Web Accessibility Initiative"),是由 W3C 发起的

WAI 协调全球的组织通过六项主要的工作领域来提升因特网的可用性:技术、指导方针、工具、教育、研究以及开发

您能够通过根据 WAI 的指导方针编写的页面,来改善网站的品质,并使得您的站点可用于更多人群(及浏览器)

你可以在 Web 品质 - 无障碍(WAI) 章节学习更多有关 WAI 的内容

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.