HTML验证注意点

最新推荐文章于 2023-01-20 09:00:00 发布

billfeller

最新推荐文章于 2023-01-20 09:00:00 发布

阅读量738

点赞数

分类专栏： html+css 文章标签： html xhtml 文档 html5 action 浏览器

本文链接：https://blog.csdn.net/billfeller/article/details/7874539

版权

html+css 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

符合标准的网页是要通过HTML验证的，在我们制作网页时需要注意以下6点内容。

1.必须在文档开始声明文档的类型。（这点很重要，不显示起明文档类型，对于IE，FF早期的浏览器会触发Quirk模式，会导致很多莫名的问题）

建立XHTML文档，首先我们最重要的就是要生命该文档是什么类型的！有很多的XHTML文档类型，但是我们通常用的就三种：HTML 4.01 Strict, HTML 4.01 Transitional和XHTML 1.0 Strict。每个文档类型都是W3C组织认定的。（HTML5添加了简洁的文档类型声明：<!DOCTYPE html>）

下面的例子是声明类型为XHTML 1.0 Transitional：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">

通过声明类型从而也就规定了我们在该文档中使用(X)HTML的哪些标签、哪些属性、哪些属性值等等

2.必须指明文档使用的哪种编码。

在XHTML文档中指明使用哪种编码进行编写也是很重要的！XHTML文档中用Content-Type来指明编码的，编码的方式是非常多的！

下面例子是一个HTML的编码。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

3.使用标准的HTML符号。

除了使用标准的HTML符号外，有时我们也会用到一些特殊的符号。比如空格使用&nbsp，etc。

4.改正空标签

这一步比较简单，在规则的HTML中是允许使用空标签的！比如：<hr>，但是<br> 在XHTML里面我们是要改变成<hr />，另一个常用的标签 <img src="" mce_src="" alt=""> 也需要在XHTML中改为 <img src="" mce_src="" alt="" />。

5.校正所有HTML标签和属性的名字。（在HTML5中这变得不重要了，但为了良好的编码规范，最好还是遵守）

当我们写文档时可能由于比较快，我们写成HEIGHT="10" 或者 FORM ACTION="post"这样是不能通过XHTML校验的，我们应该改为height="10" 和 form action="post"，在XHTML文档中要求所有的标签和属性都要小写。

6.校正所有属性值。

和上面两个技巧一样当写XHTML时，比如我们写<td rowspan="3">。在HTML中是允许我们写成 <td rowspan=3> 但是在 XHTML 中必须写为 <td rowspan="3">。也就是说在XHTML中所有属性的值要用引号引起来的！