嗨 今天,我们将讨论一个非常重要 但经常被忽视的验证过程。 我的意思是,现在是时候让我们检查你的代码了。 那么,为什么我们要验证? 我喜欢将浏览器称为编程的直升机父母。 所以很多时候你会写你的代码,然后你会停下来, 你会检查,它看起来很棒。 然后你写了一些更多的代码,你停下来,你检查。 它看起来不错。 通过纯粹的事实,它看起来如此好,你认为你必须是对的。 但 p 问题是,浏览器被编程为寻找 你的错误并修复它们。 这方面的问题是,并非所有的浏览器都以相同的方式修复事情。 同样重要的是,不是每个人都使用 传统浏览器访问您的页面。 因此,随 着页面变得更加复杂,这些隐藏的小问题,浏览器隐藏的小错误,可能会对 尝试用不同软件访问它们的人造成破坏性的破坏性影响。 因此,有 3 种方法可以验证代码的一致性。 一个是验证我们称之为 URI 或 URL 的内容。 另一个是通过你的文件名进行验证,这意味着不是给你的 URL, 你可以实际上传你的文件来检查它。 第三种方式是我称之为 “直接输入”。 所以,让我们快速地通过一个例子。 在这一边,我要使用被称为验证器。 好吧 所以,如果你在这里检查,我们可以通过转到验证器 .w3.org 开始。 正 如你所记得的 那样,w3 真的是努力确保每个人都遵守相同的标准的协会。 这里有三个选择。 我们可以通过 URI 进行验证,通过文件上传进行验证,并 通过直接输入进行验证。 现在这是一个有点重要的选择。 因为对于你们中的一些人来说,你可能不会决定购买托管系统, 在这种情况下,你不能给它一个 URL。 你不能输入 C://它 只是在你放置任何特定于你的计算机的东西时不起作用。 所以我将向你展示一个直接输入验证的例子。 让我们先看看我们要验证的页面。 在这里,我有我的阿什塔布拉和海滩的小照片。 正如你 所看到的,它看起来相当不错,你没有看到它的任何问题,因为你有种来回去。 但是,让我们看看当我实际上抓住所有这些代码时发生了什么。 所以如果你想要这个快捷方式,这几乎适用于每个人。 我要继续做控制 A 和控制 C 回到这里,当我把它放进去, 我点击检查,一旦我开始下去,你可以看到这看起来不错。 马上它说你有一个错误,该错误显示流浪结束标签, 这是一个部分。 在大多数情况下,验证器可以给你一个 线索,你搞砸了哪一行,所以让我们回去检查代码。 当我走到这里,我下到 25 号线。 哎呀 去一点点在这里。 不,还是什么都没有。 有很长的排队 哦,验证者是正确的。 正如你所看到的,我不小心把部分放了两次。 我真正的意思是在这里有一个结束部分和一个开始部分。 所以,让我们继续摆脱这一点。 我会保存,我会再次抓住它,让我们尝试上面放入一个新的输入。 其实我会刷新 回到这里 让我们看看这次我有没有更好的运气 很好,很好 没有错误或警告显示,所以我只是要继续, 把我的页面放回那里。 所以这实际上只是最简单的方法,并 确保代码的语法是正确的。 现在,我给了你一个非常简单的例子,我只有一个错误。 通常会发生的是,它会产生很多 很多错误。 我想发生的事情就是确保当你看到所有人的时候不 会吓坏 原因是,因为错误是我们称之为传播的。 检查器感到困惑。 当你看到顶部的一个错误时,它会导致一大堆错误。 所以你想做的 是,你总是想修复验证器看到的第一个错误。 一旦你解决了这个问题,很有可 能它检测到的 52 个错误现在已经下降到 12 或 11。 现在,还有一个机会,一旦你修复了一个错误, 它将能够看到你有 20 或 30 多个。 但同样,它的工作一步一步。 如果验证器给你的错误不像我刚才看到的错误那么清楚,那 么你可以做的是在线搜索和在不同的论坛中搜索。 因为我可以向你保证,其他人以前也见过同样的错误。 所以你现在想要做的事情,实际上让我们回到这里,让我们继续 尝试通过 URI 验证文件。 选择您最喜欢的网站,然后继续输入。 我要继续放进去,而不是我自己的,因为我很确定它会验证。 我打算放入 http://www.umsi.umich.edu,所以当 我显示他的网站可能无法验证时,我的老板可能会生我的气。 马上你可以看到,'它会发现很多错误。 无论你放入哪个网站,特别是如果它是一个非常受欢迎的网站, 你会发现这么大的错误很多,这些网 站都不会验证。 让我们确保您的网站比他们的网站更好。 因此,验证我们所谓的语法是一回事。 验证我们所谓的可访问性是另一个问题。 同 样,我们已经讨论了确保 您的网站可供最多人访问的重要性。 所以你可以去检查的地方之一是波.webaim.org, 它是一个网站,让你去验证你的可访问性。 所以让我们再来看看这个。 我走到这里,我去挥手,得到了网页的可访问性。 你需要做的是,你不能通过文件上传你的代码, 或者只是通过代码本身,你需要输入一个 URL。 所以我要继续前进,去那个我们之前做的那个 是海滩。 把它放在这里 你可以看到我没有得到任何错误,但我确实收到了几个警报。 警报只是告诉我这一点。 我不确定你的替代文本是否相当好,因为它应该是。 另 外,另一点是说你有相同的冗余链路, 这意味着你有两次相同的链接。 所以,就语法和语 义的非常高级别的可访问性而言,现在一切看起来都很好。 所以,关于辅助功能验证的一个好处是,它 让你了解你之前没有真正想过的事情,但 崩溃是它只适用于托管页面。 因此,经过验证的站点总是 比那些不验证的站点更强大和更易访问。 因此,作为编码器,您的工作是确保您转到这些 不同的验证网站并修复您的代码以达到标准。 如果您没有编码, 定期访问您访问的网站并继续验证这些网站也很重要。 让你真正了 解不同的方式,人们觉得让他们的网站可供大家访问的重要性或不重要性。 祝你好运