《Head First HTML与CSS》笔记——6严肃的HTML

前言

在转向CSS之前,我们再来了解一些HTML的“工业标准”,确保HTML在所有浏览器上能有更一致的提示,能够随着标准发展稳步走向未来。

HTML5

doctype

随着时代的发展,HTML已经更新到了HTML5版本,下面是HTML5 doctype:
在这里插入图片描述

<!doctype html> 不再考虑固定的版本号,也不考虑标准在什么位置。这里的关键是向后兼容性(backwards compatibility),可以用下图来表示:
在这里插入图片描述

认识W3C验证工具

网址:http://validator.w3.org/
在这里插入图片描述

  1. 如果检查Web上的网页,可以在Validate by URI中输入URL,单击Check检查。
  2. 如果要检查的是本地HTML文件,可以选择Validate by File Upload。
  3. 也可以将HTML内容直接复制粘贴到Validate by Direct Input中检查。

下面我们使用Validate by Direct Input验证Head First聊天室。从“lounge.html”复制粘贴HTML内容:

在这里插入图片描述在这里插入图片描述
提示有两处错误:

  1. 在开头的<html>之前需要有<!doctype html>
  2. <img>中少了alt属性

还有一处警告:

  • 可以在html开始标记中添加lang属性来声明此文档的语言。
    通过添加标签来修正该警告:
    在这里插入图片描述
    此处的<meta>标签放在<head>标签中,与<title>同级。

修正这两处内容后,重新检查HTML:

在这里插入图片描述
好吧,还是建议在html标签中声明语言类型。

HTML指南
在这里插入图片描述
在这里插入图片描述

总结

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值