标准及其他
HTML的版本信息
有些页面,如HTML4.01和XHTML1.1,使用doctype,放在HTML页面最上面,用以告诉浏览器所使用的HTML的版本
< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
!DOCTYPE为浏览器指定这个页面的文档类型
html这表示这个< html >是页面中的根(第一个)元素
PUBLIC这表示HTML4.01标准是公共可用的
“-//W3C//DTD HTML 4.01//EN” 这部分表示我们正在使用HTML4.01版本,另外这个HTML标记用英语编写
"http://www.w3.org/TR/html4/strict.dtd"这指向一个文件,标识这个特定的标准
而HTML5的doctype有所不同
<!doctype html>
随着HTML的到来,doctype已经得到简化,现在只需要告诉浏览器我们在使用HTML,不用在担心特定的版本号或语言,也不用指向某个标准。实际上HTML标准将变为一个”活得标准“,它意味着它会根据需要继续发展和变化,不过不会有固定版本号
增加文档类型定义(及添加doctype行)
<!doctype html>
<html>
...
</html>
认识W3C验证工具
用以页面的审查
网址:http://validator.w3.org
通过验证可用发现一些以前没意识到的问题,比如< img >元素必须使用alt元素否则会报错
用< meta >元素指定字符编码
meta表示我们要告诉浏览器一些关于页面的信息
meta元素中的charset属性可以指定字符编码
大多数web页面的HTML文件都使用utf-8编码,charset的值一般也为utf-8
<meta charset="utf-8">
注意< meta >元素要放在< head >元素中,且要放在< head >元素中的所有元素之前
HTML的一些要点
- 一定要以< doctype >开头
- doctype后紧接着< html >元素
- 要使用< head > 和< body >元素
- < head >中要指定正确的字符(即< mete >元素的charset属性),也一定要在< head >中包含< title >元素
- 嵌套时要当心,如不能把一个< a >元素嵌套在另一个 < a >元素中
- 不允许在< img >等空元素中嵌套其他内联元素
如果遵循标准页面会更快的显示,且在不同浏览器中显示的差异会更小,CSS也能更好的工作