Head First HTML与CSS part6

标准及其他

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也能更好的工作

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值