主页 > L润生活 >检查网站是否通过HTML5验证? >


检查网站是否通过HTML5验证?


2020-05-22

製作网页的门槛其实不高,但是想要通过W3C标準验证那就不容易了。虽然说没有通过验证也不会让网站不能看,或是搜寻引擎搜寻不到,但是既然有一个标準规则,有能力的话倒是可以尝试挑战自己,试着去遵守标準规範,未来网页后续维护、或是转接给别人,也比较好做调整,不会标準不一,让后续维护或是接手的人感到许多困扰。

一直以来,网页标準就好几版,现在又多出了一个新规格HTML5,不过这规格是未来的趋势走向,因为越来越多的浏览器都开始支援,因此网站打造成HTML5是迟早的事情。如果现在有时间,倒是可以自我挑战,把网站改成HTML5的架构,并搭配W3C的规範,让网页符合未来标準,先做这些动作,并不会比较吃亏,而是以后就不用忙着转换规格了。

目前验证的网站有标準的W3C和另外一个专门的HTML5验证网站,两者验证出来结果是相差不远的,但是大家可以根据两个验证的网站作为参考,进而修改自己的网站,以符合标準规格。以前的年代就是规格不一,再加上IE浏览器都喜欢跑自己的规格,才会让网页设计者一天到晚需要校正东、校正西的,如果都循相同标準,这些麻烦事就都没了。

W3C验证服务

网站名称:W3C网站网址:http://validator.w3.org/

第1步  输入网址之后,编码部分选【utf-8(Unicode,worldwide)】,Document Type选择【HTML5(experimental】,然后点﹝Check﹞检测。

检查网站是否通过HTML5验证?

第2步  检测完后,会看到错误与警告,下方有提示说明可进行修正。

检查网站是否通过HTML5验证?

第3步  以下方的错误为例,这是指Facebook讚按钮的iframe样式需要改用CSS去调整,等于说我们需要修改iframe语法将它改成CSS属性,然后到网站的style.css内加入对应的CSS。

检查网站是否通过HTML5验证?

Validator.nu 验证服务

网站名称:Validator.nu (X)HTML5 Validator网站网址:http://html5.validator.nu/

第1步  这是另外一个验证服务,专门验证HTML5的,可以直接输入网址,并点﹝Validate﹞。

检查网站是否通过HTML5验证?

第2步  很快的,错误讯息就会再次出现了,快根据错误修正吧!(香肠比较偏好这个网站,因为她清晰乾净,比较好看到错误讯息是什幺)

检查网站是否通过HTML5验证?

通常,验证不过的都是外部服务,以香肠炒鱿鱼为例,Facebook留言框、讚按钮、Google+1按钮等等的外部服务造成验证不过,不然基本的网页架构是都修正完毕了。当然只丢网站首页只有对首页验证,可以丢一下其他内页部分进行验证,把网页修正完毕。

香肠在验证的时候,发现他帮我检测出我的开新视窗连结语法拚错、侧边栏网页模组少一个div,感觉蛮有效益的,大家有空的时候,不妨也拿自己的网站去检测看看,让自己的网站符合标準规则。虽然没有正确的资讯说符合标準对SEO绝对优势,但是能符合标準,未来要解决问题也会比较好处理。

上一篇:
下一篇: