符合标准的网页是要通过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符号外,有时我们也会用到一些特殊的符号。比如空格使用 ,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中所有属性的值要用引号引起来的!
分享到:
相关推荐
这套源码不需要第三方技术支持,所以不需要付费就可以享受邮箱验证功能 里面的config.php源码里面可以设置您需要跳转的界面,例子是跳转到www.baidu.com 如果需要使用仅需将baidu.com替换成您自己需要跳转的网页,...
DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>Title</title> <link rel=stylesheet href=...
【若要手工修改文件安装,请查阅: http://www.smsbbs.com/thread-213-1-1.html 】 使用方法: 安装完成后,请先登陆后台进入全局设置-短信设置,正确设置里面参数即可。 注意由于发送手机短信会产生一定费用,...
一个针对AngularJS项目HTML验证器。 尽管还有其他一些节点插件可以验证HTML文件,但是缺少一些重要的功能: 支持AngularJS属性和标签(来自AngularJS和自定义创建) 支持模板化/片段化HTML文件 能够同时验证文件...
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的...
这个是我自己用的代码和jar包,我在自己的机子实现了注册用户名是否已存在的功能。主要注意点都在文档里了。
评注:处理大量数据时有用,具体应用时注意修正 匹配特定字符串: ^[A-Za-z]+$ //匹配由26个英文字母组成的字符串 ^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串 ^[a-z]+$ //匹配由26个英文字母的小写组成的...
2 导入文件,注意事项我就不多说了在远程验证那篇我已经讲过。 3 用到的关键字:addField、removeField、different 4注意一点就是官网里的例子他们的name是不一样的。我这里比较偷懒。且项目ajax的时候不是用的form...
5. `date`: 必须输入正确格式的日期(注意:在 IE6 中可能会出错) 6. `dateISO`: 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 7. `number`: 必须输入合法的数字(负数...
为什么要使用另一个HTML验证工具 此工具使用Nu Html Checker(v.Nu)来验证HTML,CSS和SVG文件。 那里有许多使用v.NuHTML验证工具,但是所有工具都针对运行。 vnu-html-validator使用本地安装的java文件(vnu.jar)...
一个针对AngularJS项目HTML验证器。 尽管还有其他可以验证HTML文件的Grunt插件,但缺少几个重要功能: 支持AngularJS属性和标签(来自AngularJS和自定义创建) 支持模板化/片段化HTML文件 能够同时验证文件以...
需要进行表单数据验证,原先才用html5来完成验证,但是效果很差,也不够灵活,所以需要进行自定义的表单验证,网上的插件都太过庞大,项目并没有这么多的需求。 那让我们自己来写一个吧! 知识准备 vue的自定义指令 ...
注意:客户端的验证不能确保用户输入数据的安全,所以服务端的数据验证也是必须的。 1、HTML 控件 以下 HTML input 元素被称为 HTML 控件:input 元素、select 元素、button 元素、textarea 元素。 2、HTML 表单 ...
注意:这不是一个可以为您做所有事情的插入式“插件”。 此代码不强制执行任何类型的 UI,它只是触发事件并让您处理显示的内容。 如果你想要一个更不干涉的验证器,请使用标准的 MooTools More one。 我创建它是...
请注意,这只是validation ,对关键操作,你可能需要考虑sanitizing用户数据提交给数据库等我假设你已经清楚地意识到危险的了。 用法示例 HTML表格 <form> <input type="text" name="email"> <...
html-validate-webpack-plugin 用于webpack的插件关于插件此插件是围绕 cli的简单包装,可在每次Webpack编译后自动进行验证。安装npm install html-validate-webpack-plugin --save-dev 注意:安装html-validate并...
我们在纯PHP中实现了AMP HTML验证器,以报告任意HTML文档/ HTML片段是否符合AMP HTML标准。 此验证器是在JavaScript中实现的的移植子集 具体来说,PHP验证器支持标签规范验证,属性规范验证,CDATA验证,CSS验证,...
这套模板包括关于我们、法律服务、经典案例、在线服务、法律文书、律师手记等栏目的模板页,一共12个HTML模板页面,稳重大气,经过W3C验证,符合web2.0标准。因此你可以把注意力专注到程序代码的编写上,不需再为...
注意: 客户端的验证不能确保用户输入数据的安全,所以服务端的数据验证也是必须的。 应用代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src=...
重要的是要注意,为了使用验证, required属性必须出现在HTML元素上。 演示版 是演示如何使用验证器和所有内置验证类型的演示: 安装 npm i dator # or yarn add dator 或只是此存储库,然后将其解压缩到您希望的...