学习html,很多时候我们不知道怎么验证自己书写的代码是否正确,今天给大家分享一段代码,可以方便我们在线检验网页是否符合W3C标准,以便更好的优化我们的网站。

先看下效果:

使用 W3C 验证器来测试你的 XHTML

在下面的文本框中输入你的网址:

你可以把这样的验证器放在自己的网站中,实现起来也很简单,只需要把以下的代码放在网站需要显示的地方即可:

<h2>使用W3C验证器来测试你的XHTML</h2>
<form target="_blank" action="http://validator.w3.org/check" method="get" >
<p>在下面的文本框中输入你的网址:</p>
<p><input value="http://www.xuejianzhan.com/" size="60" name="uri"></p>
<p><input type="submit" value="验证网页"></p>
</form>


以下是css验证方法:

通过 W3C 验证 CSS 文件:

请选择您需要验证的 CSS 版本,并输入你需要验证的 CSS 文件:

嵌入网站的方法一样,把下面代码复制到自己的网站中即可:

<form method="get" action="http://jigsaw.w3.org/css-validator/validator?profile=css3" target="_blank">
<select id="profile_input" name="profile">
<option value="none">不指定配置文件
<option value="css1">CSS 版本 1
<option value="css2">CSS 版本 2
<option value="css21">CSS 版本 2.1
<option selected="selected" value="css3">CSS 版本 3
<option value="svg">SVG
<option value="svgbasic">SVG Basic
<option value="svgtiny">SVG Tiny
<option value="mobile">Mobile
<option value="atsc-tv">ATSC TV profile
<option value="tv">TV profile
<p><input name="uri" value="http://www.xuejianzhan.com/" style="margin-top:5px;" type="text"/>
<p><input value="验证文件" type="submit"/>

声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。