Hot For Coding

利用W3C工具校验你站点的HTML标签结构是否符合标准

full check markup html

HTML标签

早期的HTML标签并没有那么多,因为属于标记语言,所以本身又没有那么严谨。配合CSS只需要DIV标签就能完成绝大多数的页面效果,所以绝大多数时候不会认真的去校验HTML的标签结构是否合理,因为即使不合理也不会导致网页不能显示。

W3C近年来随着Web应用的迅猛崛起,同时发布了许多标准的HTML标签,尝试用更丰富合理的标签构造出更贴合实际意义的网页元素。

同时推出了一个在线检测工具Markup Validation Service,在这个网页上只需要输入你的网页地址即可实时查看检测结果。

如果你的网页没有任何警告和错误,那么会提示你

Document checking completed. No errors or warnings to show.

这是比较好的情况,一般都是会有一堆提示,这些提示分两类warnings警告和errors错误。假如你发现自己的网站页面有很多错误,不要慌张,因为这些错误并不影响你的网页呈现。

一般来说,以下几个原因值得你注意并改进你的网页直至没有警告与错误提示

  • 强迫症,看见错误和警告就难受
  • 想写出符合标准的网页,虽然实际上没什么用
  • SEO建议按照W3C标准使用HTML标记

常见的错误

由于我想写出标准的网页,顺便符合SEO的建议,以下是我的站点在优化之前被检测出来的一些错误。

  • article 标签必须要包含h标签做标题
  • li 标签必须在ol, ulmenu
  • img 标签必须要有alt属性
  • html 标签必须要声明语言,如中文简体lang="zh-hans"
  • <meta http-equiv="Content-Language" content="en-US"> 这个语言标签已经被弃用
  • time 标签必须要要带datetime属性

以上是我的站点被检测出来问题比较多的错误与警告,经过一两个小时的调整,目前我的站点已经没有任何错误和警告了。

但是,没有任何错误和警告不代表你的HTML标签使用的合理,如果想用更合理的标签去构造出网页应该这么做

  • 通读一遍W3C有哪些标签
  • 使用你认为更合理的标签重新构造网页
  • 使用Markup Validation Service去检测构造结果
  • 直至没有任何错误与警告

每个站点情况不一样,建议大家都去看看自己的网页是否被错误和警告淹没了~~

分享

TITLE: 利用W3C工具校验你站点的HTML标签结构是否符合标准

LINK: https://www.qttc.net/531-checking-your-website-with-w3c-validation.html

NOTE: 原创内容,转载请注明出自琼台博客