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
,ul
和menu
中img
标签必须要有alt
属性html
标签必须要声明语言,如中文简体lang="zh-hans"
<meta http-equiv="Content-Language" content="en-US">
这个语言标签已经被弃用time
标签必须要要带datetime
属性
以上是我的站点被检测出来问题比较多的错误与警告,经过一两个小时的调整,目前我的站点已经没有任何错误和警告了。
但是,没有任何错误和警告不代表你的HTML标签使用的合理,如果想用更合理的标签去构造出网页应该这么做
- 通读一遍W3C有哪些标签
- 使用你认为更合理的标签重新构造网页
- 使用Markup Validation Service去检测构造结果
- 直至没有任何错误与警告
每个站点情况不一样,建议大家都去看看自己的网页是否被错误和警告淹没了~~