一、所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如
和
而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如：
二、所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，
和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。 </P>
<P><STRONG>三、所有的XHTML标记都必须合理嵌套</STRONG></P>
<P> 同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：</P>
<P> <p><b></p>/b>必须修改为：<p><b></b>/p> </P>
<P> 就是说，一层一层的嵌套必须是严格对称。 </P>
<P><STRONG>四、所有的属性必须用引号""括起来</STRONG></P>
<P> 在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如：</P>
<P> <height=80>必须修改为：<height="80"> </P>
<P> 特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：</P>
<P> <alt="say'hello'"> </P>
<P><STRONG>五、把所有<和&特殊符号用编码表示</STRONG></P>
<P> 任何小于号（<），不是标签的一部分，都必须被编码为& l t ; </P>
<P> 任何大于号（>），不是标签的一部分，都必须被编码为& g t ; </P>
<P> 任何与号（&），不是实体的一部分的，都必须被编码为& a m p; </P>
<P> 注：以上字符之间无空格。<BR> <BR><STRONG>六、给所有属性赋一个值</STRONG></P>
<P> XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：</P>
<P> <td nowrap> <input type="checkbox" name="shirt" value="medium" checked> </P>
<P> 必须修改为：<BR> <td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> </P>
<P><STRONG>七、不要在注释内容中使“–”</STRONG></P>
<P> “–”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的：</P>
<P> <!–这里是注释———–这里是注释–> </P>
<P> 用等号或者空格替换内部的虚线。</P>
<P> <!–这里是注释============这里是注释–> </P>
<P> 以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。</P>
<br />
</div>
<div align="center"><span id="pe100_page_contentpage" class="pagecss"></span></div></div></td>
</tr>
<tr>
<td class="nr_ad_b"><!-- 广告位：灵感设计新版内容页文字下 -->
<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "82721";</script>
<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"></script></td>
</tr>
<tr>
<td><div class="Tool-Article-WEB">
<ul>
<li><a href="/Print.aspx?id=17" onclick="printMe()" class="print">打印</a></li>
<li><a href="/rss/rss.aspx" class="rss" target="_blank">RSS</a></li>
<li><a href="/User/Contents/Favorite.aspx?Action=add&Id=17" class="fav">加入收藏</a></li>
<li><a href="javascript:void(0)" onclick="copyLink()" class="links">复制链接</a></li>
</ul>
</div></td>
</tr>
<tr>
<td><span class="about_title">相关阅读:</span></td>
</tr>
<tr>
<td><span id="about-content-content">
<ul>
<li>
·<a href="/a/2011/0609/22887.html" target="_blank">越南官方网站遭黑客攻击 网页上出现中国国旗</a></li>
<li>
·<a href="/a/2011/0605/22856.html" target="_blank">Google商店24款应用被植入恶意代码</a></li>
<li>
·<a href="/a/2011/0120/21417.html" target="_blank">Google 会将空白 HTML 页算作重复内容对网站</a></li>
<li>
·<a href="/a/2011/0112/21291.html" target="_blank">网页推广设计要点</a></li>
<li>
·<a href="/a/2011/0105/21234.html" target="_blank">ASP.NET MVC 3让你疯狂的五大理由</a></li>
<li>
·<a href="/a/2011/0104/21218.html" target="_blank">让你的网页设计很糟糕的10个原因分析</a></li>
<li>
·<a href="/a/2010/1222/21058.html" target="_blank">在网页制作中寻找一份热情</a></li>
<li>
·<a href="/a/2010/1222/21052.html" target="_blank">在网页复制时加上原文地址链接方法</a></li>
<li>
·<a href="/a/2010/1221/21023.html" target="_blank">炫光系列透明风格的网页设计作品及教程</a></li>
<li>
·<a href="/a/2010/1216/20947.html" target="_blank">选项卡的进化史</a></li>
<li>
·<a href="/a/2010/1213/20875.html" target="_blank">维基解密创始人阿桑奇早期交友网页遭曝光(图)</a></li>
<li>
·<a href="/a/2010/1210/20848.html" target="_blank">金山公布第二批源代码 开机加速代码已可下载</a></li>
<li>
·<a href="/a/2010/1206/20760.html" target="_blank">使用Photoshop制作破旧风格的网页</a></li>
<li>
·<a href="/a/2010/1206/20759.html" target="_blank">设计理论概念创新：微观角度看网页配色</a></li>
<li>
·<a href="/a/2010/1127/20584.html" target="_blank">清除SQL被注入恶意病毒代码的语句</a></li>
<li>
·<a href="/a/2010/1125/20506.html" target="_blank">W3C验证的是是非非</a></li>
<li>
·<a href="/a/2010/1125/20502.html" target="_blank">ASP.NET前台代码绑定后台变量方法总结</a></li>
<li>
·<a href="/a/2010/1118/20418.html" target="_blank">WTO专家称iPad应享受零税率</a></li>
<li>
·<a href="/a/2010/1116/20379.html" target="_blank">2010年网页游戏市场规模超20亿 前景可观</a></li>
<li>
·<a href="/a/2010/1112/20295.html" target="_blank">英女王facebook网页遭破坏 查尔斯妻子被攻击</a></li>
</ul>
</span></td>
</tr>
<tr>
<td><div class="pic_line"></div><div id="nrl_class_list">
<ul>
<li>
<div class="pic2"><a href="/a/2010/1220/20996.html" target="_blank"><img src="/UploadFiles/Website/2010/12/201012201844011403_S.jpg" alt="未知宽度和高度的图片垂直居中方法" width="150" height="115" border="0"></a></div>
<div class="pe_u_thumb_title"><a href="/a/2010/1220/20996.html" target="_blank">未知宽度和高度的图片垂直居…</a></div>
</li>
<li>
<div class="pic2"><a href="/a/2010/1206/20757.html" target="_blank"><img src="/UploadFiles/Website/2010/12/201012061805053264.jpg" alt="在Web设计表单：表单结构" width="150" height="115" border="0"></a></div>
<div class="pe_u_thumb_title"><a href="/a/2010/1206/20757.html" target="_blank">在Web设计表单：表单结构</a></div>
</li>
<li>
<div class="pic2"><a href="/a/2010/0902/18417.html" target="_blank"><img src="/UploadFiles/Website_UploadFiles_9710/201009/20100902175318174.jpg" alt="Web前端应用十种常用技术" width="150" height="115" border="0"></a></div>
<div class="pe_u_thumb_title"><a href="/a/2010/0902/18417.html" target="_blank"><font style=";">Web前端应用十种常用技术</font></a></div>
</li>
<li>
<div class="pic2"><a href="/a/2009/0921/8924.html" target="_blank"><img src="/UploadFiles/Website_UploadFiles_9710/200909/20090921164734886.jpg" alt="8个CSS图表数据制作实例" width="150" height="115" border="0"></a></div>
<div class="pe_u_thumb_title"><a href="/a/2009/0921/8924.html" target="_blank"><font style=";">8个CSS图表数据制作实例</font></a></div>
</li>
</ul>
</div></td>
</tr>
<tr>
<td><a href="http://www.web1997.com" class="return">返回灵感设计首页</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td><div class="content_right_jl"></div></td>
<td valign="top">
<div class="side_r">
<div class="content_right_title">站内搜索</div>
<div class="content_search">
<input id="keyword" onfocus="this.value='';" value="填写您想搜索的关键词" name="Keyword" class="nr_search" /><input id="Submit" style="width: 50px; height: 25px; " type="image" src="/Skin/Default/Images/search_icon.gif" name="Submit" onclick="OnSearchCheckAndSubmit();" />
<br />
关键词：<a href="/Search.aspx?keyword=%E8%B0%B7%E6%AD%8C">谷歌</a> | <a href="/Search.aspx?keyword=%E5%BE%AE%E8%BD%AF">微软</a> | <a href="/Search.aspx?keyword=%E7%BD%91%E7%AB%99">网站</a> | <a href="/Search.aspx?keyword=%E4%B8%AD%E5%9B%BD">中国</a>
<script language="javascript" type="text/javascript">
function OnSearchCheckAndSubmit(){
var keyword = document.getElementById("keyword").value;
if (keyword == '' || keyword == null) {
alert("请填写您想搜索的关键词");
return;
}
else {
window.location = "/search.aspx?searchtype=0&Keyword=" + escape(keyword);
}
}
</script>
</div>
</div>
<div class="nr_ad_a"><script type="text/javascript" src='/AD/201004/1.js'></script></div>
<div class="side_r">
<div class="content_right_title">推荐查看</div>
<div class="left_box">
<dl>
<dd><ul>
<li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2010/1220/20996.html" target="_blank">未知宽度和高度的图片垂直居中方法</a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2010/0606/16132.html" target="_blank"><font style=";font-style:normal;">DIV+CSS实现鼠标经过背景变色</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2010/0603/16059.html" target="_blank"><font style=";font-style:normal;">全兼容可高亮二级缓冲折叠菜单</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2010/0527/15867.html" target="_blank"><font style=";font-style:normal;">CSS3属性box-shadow使用教程</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2010/0327/13911.html" target="_blank"><font style=";font-style:normal;">标准布局中DIV元素和SPAN元素的区别</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2010/0327/13906.html" target="_blank"><font style=";font-style:normal;">你不得不知的八个布局方面的问题</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2010/0327/13904.html" target="_blank">完美的DIV三行三列自适应高度布局</a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2009/0921/8884.html" target="_blank"><font style=";font-style:normal;">我的地盘我做主(1)-玩转div定位</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2009/0818/6708.html" target="_blank"><font style=";font-style:normal;">详解DIV+CSS与表格建站的区别</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2009/0616/4963.html" target="_blank"><font style=";font-style:normal;">DIV 真的比 TABLE 那么神吗？</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2009/0610/4842.html" target="_blank"><font style=";font-style:normal;">css教程:DIV布局网页的常见错误</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2009/0610/4823.html" target="_blank"><font style=";font-style:normal;">CSS盒模型</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2009/0603/4626.html" target="_blank"><font style=";font-style:normal;">CSS+DIV网页重构对比TABLE显著优势</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2009/0529/4490.html" target="_blank"><font style=";font-style:normal;">语义化单单的限定在html么？</font></a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2009/0516/4019.html" target="_blank"><font style=";font-style:normal;">网页设计过程中推荐的命名规范</font></a></li>
</ul></dd>
</dl>
</div>
</div>
<div class="side_r">
<div class="content_right_title">图文信息</div>
<div id="nr_class_list">
<ul>
<li>
<div class="pic1"><a href="/a/2010/1220/20996.html" target="_blank"><img src="/UploadFiles/Website/2010/12/201012201844011403_S.jpg" alt="未知宽度和高度的图片垂直居中方法" width="125" height="95" border="0"></a></div>
<div class="pe_u_thumb_title"><a href="/a/2010/1220/20996.html" target="_blank">未知宽度和高度的图片垂直…</a></div>
</li>
<li>
<div class="pic1"><a href="/a/2009/0516/4019.html" target="_blank"><img src="/UploadFiles/Website_UploadFiles_9710/200905/20090516105241581.gif" alt="网页设计过程中推荐的命名规范" width="125" height="95" border="0"></a></div>
<div class="pe_u_thumb_title"><a href="/a/2009/0516/4019.html" target="_blank"><font style=";">网页设计过程中推荐的命名…</font></a></div>
</li>
<li>
<div class="pic1"><a href="/a/2009/0301/1380.html" target="_blank"><img src="/UploadFiles/Website_UploadFiles_9710/200903/20090301160031866.png" alt="div+css实例分享：非常不错的页面制作方法" width="125" height="95" border="0"></a></div>
<div class="pe_u_thumb_title"><a href="/a/2009/0301/1380.html" target="_blank"><font style=";">div+css实例分享：非常不…</font></a></div>
</li>
<li>
<div class="pic1"><a href="/a/2009/0204/511.html" target="_blank"><img src="/UploadFiles/Website_UploadFiles_9710/200902/20090204145338423.jpg" alt="网页设计中如何使用嵌套的框架集" width="125" height="95" border="0"></a></div>
<div class="pe_u_thumb_title"><a href="/a/2009/0204/511.html" target="_blank"><font style=";">网页设计中如何使用嵌套的…</font></a></div>
</li>
</ul>
</div>
</div>
<div class="side_r">
<div class="content_right_title">热点排行</div>
<div class="left_box">
<dl>
<dd><ul>
<li><img src="/images/common4.gif" alt="普通"><a href="/a/2011/0518/22646.html" target="_blank">div+css必须注意的15个css样式</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2011/0412/22220.html" target="_blank">HTML5的革新：结构之美</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2011/0412/22218.html" target="_blank">网页中使用空格遭遇的烦恼</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2011/0317/21927.html" target="_blank">HTML 5标签、属性、事件及浏览器兼容</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2011/0112/21292.html" target="_blank">Div+Css技巧之模块化编码</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/1229/21172.html" target="_blank">如何使用CSS实现大背景的网页设计</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/1222/21056.html" target="_blank">网页制作时需要熟知10个的CSS3属性</a></li><li><img src="/images/elite4.gif" alt="推荐"><a href="/a/2010/1220/20996.html" target="_blank">未知宽度和高度的图片垂直居中方法</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/1206/20757.html" target="_blank">在Web设计表单：表单结构</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/1206/20756.html" target="_blank">CSS中创建竖排文字最简单方法</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/1125/20505.html" target="_blank">IE9 beta对HTML5/CSS3的支持</a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/0914/18676.html" target="_blank"><font style=";font-style:normal;">HTML、CSS和JavaScript速查表</font></a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/0913/18659.html" target="_blank"><font style=";font-style:normal;">HTML5文件实现拖拽上传</font></a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/0908/18540.html" target="_blank"><font style=";font-style:normal;">10个最容易犯的HTML标签错误</font></a></li><li><img src="/images/common4.gif" alt="普通"><a href="/a/2010/0902/18417.html" target="_blank"><font style=";font-style:normal;">Web前端应用十种常用技术</font></a></li>
</ul></dd>
</dl>
</div>
</div>
<div class="side_r">
<div class="content_right_title">网站广告支持</div>
<script type="text/javascript" src='/AD/201004/2.js'></script>
</div>
</td>
</tr>
</table><div class="END_nav_">
<span class="nav_link"><a href="http://www.web1997.com">灵感设计首页</a> - <A href="http://www.web1997.com/About/">关于我们</A> - <A href="http://www.web1997.com/About/News.html">网站动态</A> - <A href="http://www.web1997.com/About/contact.html">联系我们</A> - <A href="http://www.web1997.com/About/Job.html">招聘信息</A> - <A href="http://www.web1997.com/About/Ad.html">广告服务</A> - <A href="http://www.web1997.com/About/Copyright.html">版权声明</A> - <A href="http://www.web1997.com/About/Maps.html">网站地图</A> - <A href="http://www.web1997.com/About/Help.html">在线帮助</A></span>
</div>
<div class="END_copyright_">版权所有 <SCRIPT LANGUAGE="JavaScript">
<!--
today=new Date();
y0=today.getFullYear();
// end hiding --->
</SCRIPT> CopyRight © 2002 - <SCRIPT LANGUAGE="JavaScript">
<!--- Hide from old browsers
document.write(y0);
// end hiding --->
</SCRIPT>
<a href="http://www.web1997.com" target="_blank">灵感设计</a> All Rights Reserved .<a href="http://www.miibeian.gov.cn" target="_blank">蒙ICP备09004741号</a><br>
<a href="http://www.itlaw.com.cn" target="_blank">网站法律顾问：ITLAW-庄毅雄律师</a> <script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F15ec8344c987aec960f5d08b1f3ff0a0' type='text/javascript'%3E%3C/script%3E"));
</script>
<script src="http://s5.cnzz.com/stat.php?id=6809&web_id=6809" language="JavaScript"></script></div>
</div>
<script language="javascript" type="text/javascript">
//更改字体大小
var status0='';
var curfontsize=14;
var curlineheight=16;
function fontZoomA(){
if(curfontsize>14){
document.getElementById('fontzoom').style.fontSize=(--curfontsize)+'px';
document.getElementById('fontzoom').style.lineHeight=(--curlineheight)+'px';
}
}
function fontZoomB(){
if(curfontsize<15){
document.getElementById('fontzoom').style.fontSize=(++curfontsize)+'px';
document.getElementById('fontzoom').style.lineHeight=(++curlineheight)+'px';
}
}
Object.beget=function(o){var F=function(){};F.prototype=o;return new F();}
function copyLink(){try{var cText=document.location.toString();if(window.clipboardData){window.clipboardData.setData("Text",cText);alert("复制完成!");}else if(window.netscape){try{netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");}catch(e){alert("您的浏览器设置为不允许复制！\n如果需要此操作，请在浏览器地址栏输入'about:config'并回车\n然后将'signed.applets.codebase_principal_support'设置为'true',再重试复制操作!");return false;}
var clip=Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);if(!clip)return;var trans=Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);if(!trans){return;}
trans.addDataFlavor('text/unicode');var str=new Object();var len=new Object();var str=Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);str.data=cText;trans.setTransferData("text/unicode",str,cText.length*2);var clipid=Components.interfaces.nsIClipboard;if(!clip)return false;clip.setData(trans,null,clipid.kGlobalClipboard);alert("复制完成!");}}catch(e){}}
</script>
</body>
</html>
