前言
在转向CSS之前,我们再来了解一些HTML的“工业标准”,确保HTML在所有浏览器上能有更一致的提示,能够随着标准发展稳步走向未来。
HTML5
doctype
随着时代的发展,HTML已经更新到了HTML5版本,下面是HTML5 doctype:
<!doctype html> 不再考虑固定的版本号,也不考虑标准在什么位置。这里的关键是向后兼容性(backwards compatibility),可以用下图来表示:
认识W3C验证工具
- 如果检查Web上的网页,可以在Validate by URI中输入URL,单击Check检查。
- 如果要检查的是本地HTML文件,可以选择Validate by File Upload。
- 也可以将HTML内容直接复制粘贴到Validate by Direct Input中检查。
下面我们使用Validate by Direct Input验证Head First聊天室。从“lounge.html”复制粘贴HTML内容:
提示有两处错误:
- 在开头的<html>之前需要有<!doctype html>
- <img>中少了alt属性
还有一处警告:
- 可以在html开始标记中添加lang属性来声明此文档的语言。
通过添加标签来修正该警告:
此处的<meta>标签放在<head>标签中,与<title>同级。
修正这两处内容后,重新检查HTML:
好吧,还是建议在html标签中声明语言类型。
HTML指南