`
dowhathowtodo
  • 浏览: 786084 次
文章分类
社区版块
存档分类
最新评论

HTML验证注意点

 
阅读更多
符合标准的网页是要通过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中所有属性的值要用引号引起来的!
分享到:
评论

相关推荐

    html发送邮箱验证码,邮箱验证跳转

    这套源码不需要第三方技术支持,所以不需要付费就可以享受邮箱验证功能 里面的config.php源码里面可以设置您需要跳转的界面,例子是跳转到www.baidu.com 如果需要使用仅需将baidu.com替换成您自己需要跳转的网页,...

    element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】

    DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;Title&lt;/title&gt; &lt;link rel=stylesheet href=...

    手机短信验证插件 for Discuz!7.0.zip

    【若要手工修改文件安装,请查阅: http://www.smsbbs.com/thread-213-1-1.html 】 使用方法: 安装完成后,请先登陆后台进入全局设置-短信设置,正确设置里面参数即可。 注意由于发送手机短信会产生一定费用,...

    html-angular-validate:针对AngularJS项目HTML验证程序节点模块

    一个针对AngularJS项目HTML验证器。 尽管还有其他一些节点插件可以验证HTML文件,但是缺少一些重要的功能: 支持AngularJS属性和标签(来自AngularJS和自定义创建) 支持模板化/片段化HTML文件 能够同时验证文件...

    Javascript表单验证要注意的事项

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的...

    struts2的Ajax实现注册验证

    这个是我自己用的代码和jar包,我在自己的机子实现了注册用户名是否已存在的功能。主要注意点都在文档里了。

    JS输入框邮箱地址验证代码

    评注:处理大量数据时有用,具体应用时注意修正 匹配特定字符串: ^[A-Za-z]+$ //匹配由26个英文字母组成的字符串 ^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串 ^[a-z]+$ //匹配由26个英文字母的小写组成的...

    Bootstrap 表单验证formValidation 实现表单动态验证功能

    2 导入文件,注意事项我就不多说了在远程验证那篇我已经讲过。 3 用到的关键字:addField、removeField、different 4注意一点就是官网里的例子他们的name是不一样的。我这里比较偷懒。且项目ajax的时候不是用的form...

    jQuery验证控件jquery.validate.js使用说明+中文API

    5. `date`: 必须输入正确格式的日期(注意:在 IE6 中可能会出错) 6. `dateISO`: 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 7. `number`: 必须输入合法的数字(负数...

    vnu-html-validator:在不连接在线服务的情况下在CLI中验证HTML

    为什么要使用另一个HTML验证工具 此工具使用Nu Html Checker(v.Nu)来验证HTML,CSS和SVG文件。 那里有许多使用v.NuHTML验证工具,但是所有工具都针对运行。 vnu-html-validator使用本地安装的java文件(vnu.jar)...

    grunt-html-angular-validate:针对AngularJS项目的GruntHTML验证器

    一个针对AngularJS项目HTML验证器。 尽管还有其他可以验证HTML文件的Grunt插件,但缺少几个重要功能: 支持AngularJS属性和标签(来自AngularJS和自定义创建) 支持模板化/片段化HTML文件 能够同时验证文件以...

    Vue from-validate 表单验证的示例代码

    需要进行表单数据验证,原先才用html5来完成验证,但是效果很差,也不够灵活,所以需要进行自定义的表单验证,网上的插件都太过庞大,项目并没有这么多的需求。 那让我们自己来写一个吧! 知识准备 vue的自定义指令 ...

    AngularJS表单和输入验证实例

    注意:客户端的验证不能确保用户输入数据的安全,所以服务端的数据验证也是必须的。 1、HTML 控件 以下 HTML input 元素被称为 HTML 控件:input 元素、select 元素、button 元素、textarea 元素。 2、HTML 表单  ...

    ValidateSimple:MooTools 具有良好用户体验的简单表单验证

    注意:这不是一个可以为您做所有事情的插入式“插件”。 此代码不强制执行任何类型的 UI,它只是触发事件并让您处理显示的内容。 如果你想要一个更不干涉的验证器,请使用标准的 MooTools More one。 我创建它是...

    PHP-Input-Validation:PHP类用于输入验证

    请注意,这只是validation ,对关键操作,你可能需要考虑sanitizing用户数据提交给数据库等我假设你已经清楚地意识到危险的了。 用法示例 HTML表格 &lt;form&gt; &lt;input type="text" name="email"&gt; &lt;...

    html-validate-webpack-plugin:用于webpackHTML-validate.org插件

    html-validate-webpack-plugin 用于webpack的插件关于插件此插件是围绕 cli的简单包装,可在每次Webpack编译后自动进行验证。安装npm install html-validate-webpack-plugin --save-dev 注意:安装html-validate并...

    amp-library:将HTML转换为AMP HTML并报告符合AMP HTML规范HTML

    我们在纯PHP中实现了AMP HTML验证器,以报告任意HTML文档/ HTML片段是否符合AMP HTML标准。 此验证器是在JavaScript中实现的的移植子集 具体来说,PHP验证器支持标签规范验证,属性规范验证,CDATA验证,CSS验证,...

    律师事务所-HTML模板

    这套模板包括关于我们、法律服务、经典案例、在线服务、法律文书、律师手记等栏目的模板页,一共12个HTML模板页面,稳重大气,经过W3C验证,符合web2.0标准。因此你可以把注意力专注到程序代码的编写上,不需再为...

    AngularJS 输入验证详解及实例代码

    注意: 客户端的验证不能确保用户输入数据的安全,所以服务端的数据验证也是必须的。 应用代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;script src=...

    dator:前端表格验证器

    重要的是要注意,为了使用验证, required属性必须出现在HTML元素上。 演示版 是演示如何使用验证器和所有内置验证类型的演示: 安装 npm i dator # or yarn add dator 或只是此存储库,然后将其解压缩到您希望的...

Global site tag (gtag.js) - Google Analytics