作为网站技能开发人员而言,往往是站在自己的开发视点来实 施网站布署(读取数据及开发的便利性等等),而不是站在网站访问者与查找引擎视点。因而大部分的网站在阅读方面不行直观或是便利,特别是现在w3c的规范,更是在大部分的网站开发人员脑里一片空白。况且百度 、google、msn、yahoo等专业查找引擎更有自己的查找规矩及判别网页等级技能,所以网站要,的意图只要一个:契合规范,契合蜘蛛匍匐的规范,更重要的是契合网站访问者阅读的便利及易用性。以下文章中首要经过三个方面来叙述有关W3C!

  什么是W3C规范

  W3C其实便是World Wide Web Consortium,全球万维网联盟的简称。W3C的首要职责便是确认未来万维网的发展方向,并且拟定相关的引荐(recommendation, 由于W3C是一个民间组织,没有束缚性,因而只提供主张)。HTML4.01规范主张(HTML4.01 Specification Recommendation)便是由W3C所拟定的。它还担任拟定XML,MathML等其他网络言语规范。

  怎样经过W3C规范的验证?

  过程办法如下:

  1、图片的alt="" 特点有必要每张图片都加上,并且对齐特点用CSS来界说。不加不能经过XHTML 1.0的验证。

  2、每个文档有必要加上DTD声明。

  a) !DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  去掉后能经过验证,但有正告:No DOCTYPE found! Checking with default XHTML 1.0 Transitional Document Type.

  3、RSS的XML经过期其间的地址有必要与检测的地址共同,不然会报错。

  4、标签的链接特点加上JAVASCRIPT事情时有必要为#空链,不能为javascript:;或javascript:void(null);

  5、同一个页面傍边,同名的ID会发生抵触。所以以ID界说款式的有必要改成类引证。

  <div id="a1">111</div>

  <div id="a1">222</div>

  假如不必W3C来检测的话,在CSS规划里是答应这样做的。

  那是程序的视点不能相同,CSS上是能够相同的!

  之前便是相同的发生问题,后边就改成类引证了!

  6、不行省掉双引号或单引号。

  a) 这个是指特点,规范是双引号~

  单引号也能经过验证。

  7、标签之间不行错位嵌套。

  <div class="CaseDetaListSS">原文链接:<a href='/html/cases/cases_61.html'>官方网站</div></a>

  这是不答应的。

  8、一切的标签都运用小写。

  9、FLASH的标签代码中不能含有,有必要选用其它的办法完结。

  10、一切的标签中含有的特点有必要有值(官方的说法)。

  11、标签有必要配对完结,单标签有必要以/封闭

  12、JS和CSS外部引进文件有必要加上类型界说。

  13、一切的款式悉数写在外部文件。用类名界说。在运用的当地引证。

  14、页面上的一些特别字符有必要用HTML代码来标识.如“&”写成“&“

  没经过W3C 规范验证的原因

  每次批改代码后要改写代码,使它们从头收效——一个小过错常常会引发之后整页的连串过错。因而假如操作不妥,“批改过错”也或许引发更多过错。每次批改后使代码从头收效,这样就能够保证彻底处理问题。

  知道了上面这些根本的异常情况,下面discuz模板网就来看看版面规划无效的几个原因。

  1、div 标签未封闭

  这是版面规划失效的最常见原因之一。当咱们了解到这是多少精美的版块规划失效的元凶巨恶时,总会大吃一惊。敞开的div标签是最遍及的版块规划失误之一,也是最难确诊的失误之一。验证程序有时会指向过错的敞开div标签,确诊时就像难如登天相同费事。

  2、费事的embed标签

  九十年代前期,Microsoft和Netscape的阅读器开端能够辨认非规范的独有字体。惋惜的是这意味着W3C验证程序还不能辨认某些要害HTML 标签,如“embed”,即便这些标签现已被广泛运用。假如的确期望得到严厉的DOCTYPE(文档类型)验证,就只能抛弃嵌套。

  假如一起想要收效的版面规划和嵌入式媒体,能够试试Flash Satay办法。

  3、不妥的DOCTYPE声明

  不声明DOCTYPE,或许在文件开端过错声明DOCTYPE,也是一个常见过错。依据一般经历,Strict DOCTYPE是咱们寻求的第一流验证。Strict validation标明你的网页能够在一切阅读器上都得到最佳展现。Strict 声明代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  4、结束斜线

  假如你的网站不能验证,很有或许是在代码的某个当地漏写了结束斜线。咱们很简单疏忽结束斜线之类的东西,特别是在image标签等元素中。例如:

  在严厉的DOCTYPE中这是无效的。要在img标签结束处加上“/”以处理此问题。

  <img src="" alt="">

  5、Align标签

  假如DOCTYPE被设为Transitional,你就会运用“align”标签,但假如要求更高一点期望得到Strict验证,你会看到许多过错。 Align是另一个不行用于版面规划的标签。能够尝试用“float”或许“text-align”来替代align转化元素。

  6、JavaScript

  假如现已声明Strict DOCTYPE,就需求在JavaScript中掩盖CDATA标签。验证程序的这一方面难倒了许多程序员,由于网站倾向于为广告和追寻脚本运用嵌入的 JavaScript。假如有必要用到JavaScript,能够在其前后加上如下标签:

  <script type="text/javascript">

  /* <![CDATA[ */

  // JavaScript here

  };

  /* ]]> */

  </script>

  7、图画需求“alt”特点

  你或许还没有注意到,图画也是高档验证的潜在拦路虎。除了结束斜线,高档验证也要求用alt标签来描绘图画,如alt= ”Scary vampire picture”.

  查找引擎也靠alt标签来辨认网页上的图画,所以无论怎样加上alt标签总是好的。

  8、不知道实体数据

  实体数据是又一个影响验证的易犯过错。咱们能够考虑用恰当的编码字符来替代“&”等符号。entire list中列出在XHTML版块规划中可用的恰当的编码字符实体数据。

  9、不良嵌套

  嵌套便是元素里又包含元素,如下所示:

  <div><strong>Sweet!</strong></div>

  咱们简单混杂嵌套元素的次序。例如在div标签前发动strong标签,但又先封闭div标签。这或许不会改动版块布局,但却会使你的版块规划失效。

  10、短少“title”标签

  虽然这看上去是一个很明显的过错,许多程序员(包含我自己)仍是常常会在“head”版块中遗失title标签。当你看到“missing a required sub-element of HEAD”(短少HEAD的必要子元素)时,才会发现自己忘掉增加title标签了。

声明:有的资源均来自网络转载,版权归原作者所有,如有侵犯到您的权益 请联系邮箱:123456@qq.com 我们将配合处理!

原文地址:怎样做一个符合w3c规范的网页发布于2022-07-18 07:43:41

相关推荐