第6天:XHTML代码规范
发布时间：2006-12-24 作者： 来源：转载
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。1.所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例如和而不一定写对应的和来关闭它们。但在XHTML中这是
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如
和
而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:
2.所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，
和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。</P>
<H3>3.所有的XML标记都必须合理嵌套</H3>
<P>同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：</P><SPAN class=code><p><b></p>/b></SPAN>
<P>必须修改为：</P><SPAN class=code><p><b></b>/p></SPAN>
<P>就是说，一层一层的嵌套必须是严格对称。</P>
<H3>4.所有的属性必须用引号""括起来</H3>
<P>在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:</P><SPAN class=code><height=80></SPAN>
<P>必须修改为：</P><SPAN class=code><height="80"></SPAN>
<P>特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：</P><SPAN class=code><alt="say'hello'"></SPAN>
<H3>5.把所有<和&特殊符号用编码表示</H3>
任何小于号（<），不是标签的一部分，都必须被编码为<SPAN class=code>& l t ;</SPAN>
任何大于号（>），不是标签的一部分，都必须被编码为<SPAN class=code>& g t ;</SPAN>
任何与号（&），不是实体的一部分的，都必须被编码为<SPAN class=code>& a m p;</SPAN>
<P>注：以上字符之间无空格。</P>
<H3>6.给所有属性赋一个值</H3>
<P>XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：</P><SPAN class=code><td nowrap></SPAN> <SPAN class=code><input type="checkbox" name="shirt" value="medium" checked></SPAN>
<P>必须修改为：</P><SPAN class=code><td nowrap="nowrap"></SPAN> <SPAN class=code><input type="checkbox" name="shirt" value="medium" checked="checked"></SPAN>
<H3>7.不要在注释内容中使“--”</H3>
<P>“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:</P><SPAN class=code><!--这里是注释-----------这里是注释--></SPAN>
<P>用等号或者空格替换内部的虚线。</P><SPAN class=code><!--这里是注释============这里是注释--></SPAN>
<P>以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。</P></div>
<div class="prev-next">
<div class="prev">上一篇：<a href="/css/basic/item-15953.html">第7天:CSS入门</a></div><div class="next">下一篇：<a href="/css/basic/item-15949.html">第5天:head区的其他设置</a></div>
</div>
</div>
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-12"><li><a href="" target="_blank"><img src="/uploads/images/ads/202306/20230610084915300842.jpg"></a><a href="" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-article-container">
<div class="qf-cms-name">
<h3>相关推荐</h3>
</div>
<div class="qf-cms-container">
<ul class="article-list-relationship">
<li><a href="/css/basic/item-19871.html" title="完美实现浮动元素横排居中显示" target="_blank">完美实现浮动元素横排居中显示</a>
</li>
<li><a href="/css/basic/item-19870.html" title="表单中Readonly和Disabled的区别详解" target="_blank">表单中Readonly和Disabled的区别详解</a>
</li>
<li><a href="/css/basic/item-19867.html" title="使用css实现全兼容浏览器的三角形" target="_blank">使用css实现全兼容浏览器的三角形</a>
</li>
<li><a href="/css/basic/item-19868.html" title="使用css实现全兼容tooltip提示框" target="_blank">使用css实现全兼容tooltip提示框</a>
</li>
<li><a href="/css/basic/item-19865.html" title="详细分析css float 属性以及position:absolute 的区别" target="_blank">详细分析css float 属性以及position:absolute 的区别</a>
</li>
<li><a href="/css/basic/item-19858.html" title="从零学CSS系列之文本属性" target="_blank">从零学CSS系列之文本属性</a>
</li>
<li><a href="/css/basic/item-18984.html" title="IE里button设置border:none属性无效解决方法" target="_blank">IE里button设置border:none属性无效解决方法</a>
</li>
<li><a href="/css/basic/item-18985.html" title="border:none与border:0使用区别" target="_blank">border:none与border:0使用区别</a>
</li>
<li><a href="/css/basic/item-18981.html" title="iframe背景透明的设置方法" target="_blank">iframe背景透明的设置方法</a>
</li>
<li><a href="/css/basic/item-18974.html" title="纯CSS绘制三角形（各种角度）" target="_blank">纯CSS绘制三角形（各种角度）</a>
</li>
<li><a href="/css/basic/item-18970.html" title="javascript代码规范小结" target="_blank">javascript代码规范小结</a>
</li>
<li><a href="/css/basic/item-18945.html" title="实用CSS 文字收集" target="_blank">实用CSS 文字收集</a>
</li>
<li><a href="/css/basic/item-18939.html" title="css pointer控制在firefox下显示手型的代码" target="_blank">css pointer控制在firefox下显示手型的代码</a>
</li>
<li><a href="/css/basic/item-18926.html" title="div+css与xhtml+css分别是什么意思?" target="_blank">div+css与xhtml+css分别是什么意思?</a>
</li>
<li><a href="/css/basic/item-17245.html" title="html 的 ContentType 小结" target="_blank">html 的 ContentType 小结</a>
</li>
<li><a href="/css/basic/item-17244.html" title="CODEPAGE 列表与asp应用例子第1/2页" target="_blank">CODEPAGE 列表与asp应用例子第1/2页</a>
</li>
<li><a href="/css/basic/item-17218.html" title="html滚动条样式" target="_blank">html滚动条样式</a>
</li>
<li><a href="/css/basic/item-17210.html" title="CSS教程之CSS的应用" target="_blank">CSS教程之CSS的应用</a>
</li>
<li><a href="/css/basic/item-17211.html" title="CSS教程之css选择器 、属性、值" target="_blank">CSS教程之css选择器 、属性、值</a>
</li>
<li><a href="/css/basic/item-17212.html" title="CSS的color颜色使用说明" target="_blank">CSS的color颜色使用说明</a>
</li>
</ul>
</div>
</div>
</div>
<div class="sidebar">
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-9"><li><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank"><img src="/uploads/images/ads/202306/20230609231605989299.jpg"></a><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-cms-name">
<h3>文章分类</h3>
</div>
<div class="qf-cms-container">
<div class="qf-category-list">
<a href="/html/index.html" title="经验交流" target="_blank">经验交流</a>
<a href="/css/basic/index.html" title="基础教程" target="_blank">基础教程</a>
<a href="/vml/index.html" title="VML相关" target="_blank">VML相关</a>
</div>
</div>
<div class="qf-cms-name">
<h3>热门关键词</h3>
</div>
<div class="qf-cms-container">
<div class="qf-tag-list">
<a href="https://zhannei.baidu.com/cse/site?q=雪佛兰&cc=fuphp.cn&ie=utf-8" title="雪佛兰" target="_blank">雪佛兰</a>
<a href="https://zhannei.baidu.com/cse/site?q=通用&cc=fuphp.cn&ie=utf-8" title="通用" target="_blank">通用</a>
<a href="https://zhannei.baidu.com/cse/site?q=奢华&cc=fuphp.cn&ie=utf-8" title="奢华" target="_blank">奢华</a>
<a href="https://zhannei.baidu.com/cse/site?q=劳斯莱斯&cc=fuphp.cn&ie=utf-8" title="劳斯莱斯" target="_blank">劳斯莱斯</a>
<a href="https://zhannei.baidu.com/cse/site?q=旗舰版&cc=fuphp.cn&ie=utf-8" title="旗舰版" target="_blank">旗舰版</a>
<a href="https://zhannei.baidu.com/cse/site?q=64位&cc=fuphp.cn&ie=utf-8" title="64位" target="_blank">64位</a>
<a href="https://zhannei.baidu.com/cse/site?q=收藏夹&cc=fuphp.cn&ie=utf-8" title="收藏夹" target="_blank">收藏夹</a>
<a href="https://zhannei.baidu.com/cse/site?q=解调器&cc=fuphp.cn&ie=utf-8" title="解调器" target="_blank">解调器</a>
<a href="https://zhannei.baidu.com/cse/site?q=网卡&cc=fuphp.cn&ie=utf-8" title="网卡" target="_blank">网卡</a>
<a href="https://zhannei.baidu.com/cse/site?q=网线&cc=fuphp.cn&ie=utf-8" title="网线" target="_blank">网线</a>
<a href="https://zhannei.baidu.com/cse/site?q=分辨率&cc=fuphp.cn&ie=utf-8" title="分辨率" target="_blank">分辨率</a>
<a href="https://zhannei.baidu.com/cse/site?q=家电&cc=fuphp.cn&ie=utf-8" title="家电" target="_blank">家电</a>
<a href="https://zhannei.baidu.com/cse/site?q=4k&cc=fuphp.cn&ie=utf-8" title="4k" target="_blank">4k</a>
<a href="https://zhannei.baidu.com/cse/site?q=显示器&cc=fuphp.cn&ie=utf-8" title="显示器" target="_blank">显示器</a>
<a href="https://zhannei.baidu.com/cse/site?q=header&cc=fuphp.cn&ie=utf-8" title="header" target="_blank">header</a>
<a href="https://zhannei.baidu.com/cse/site?q=USER_AGENT&cc=fuphp.cn&ie=utf-8" title="USER_AGENT" target="_blank">USER_AGENT</a>
<a href="https://zhannei.baidu.com/cse/site?q=色彩&cc=fuphp.cn&ie=utf-8" title="色彩" target="_blank">色彩</a>
<a href="https://zhannei.baidu.com/cse/site?q=图形&cc=fuphp.cn&ie=utf-8" title="图形" target="_blank">图形</a>
<a href="https://zhannei.baidu.com/cse/site?q=商业&cc=fuphp.cn&ie=utf-8" title="商业" target="_blank">商业</a>
<a href="https://zhannei.baidu.com/cse/site?q=生成&cc=fuphp.cn&ie=utf-8" title="生成" target="_blank">生成</a>
</div>
</div>
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-10"><li><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank"><img src="/uploads/images/ads/202306/20230609231537994005.jpg"></a><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-cms-name">
<h3>热门文章</h3>
</div>
<div class="qf-cms-container">
<ul class="qf-article-list">
<li><em>1</em>
<a href="/cehua/item-29482.html" title="什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？" target="_blank">什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？</a>
</li>
<li><em>2</em>
<a href="/mac/item-22368.html" title="Mac设置VPN来登录youtube等国外网站的步骤" target="_blank">Mac设置VPN来登录youtube等国外网站的步骤</a>
</li>
<li><em>3</em>
<a href="/qilin/item-30816.html" title="Openvpn在麒麟操作系统上的配置方法" target="_blank">Openvpn在麒麟操作系统上的配置方法</a>
</li>
<li><em>4</em>
<a href="/jingyan/item-20869.html" title="各大搜索引擎登录入口,网站收录入口" target="_blank">各大搜索引擎登录入口,网站收录入口</a>
</li>
<li><em>5</em>
<a href="/bios/item-23598.html" title="联想笔记本BIOS设置图解中文详细说明" target="_blank">联想笔记本BIOS设置图解中文详细说明</a>
</li>
<li><em>6</em>
<a href="/bios/item-27940.html" title="AMI BIOS设置图解教程+Award Bios设置全程图解" target="_blank">AMI BIOS设置图解教程+Award Bios设置全程图解</a>
</li>
<li><em>7</em>
<a href="/mac/item-23040.html" title="Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解" target="_blank">Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解</a>
</li>
<li><em>8</em>
<a href="/yunying/other/item-29261.html" title="分享最受美国人喜欢的十大搜索引擎" target="_blank">分享最受美国人喜欢的十大搜索引擎</a>
</li>
<li><em>9</em>
<a href="/tools/item-30528.html" title="分享10个常见的SQL注入工具" target="_blank">分享10个常见的SQL注入工具</a>
</li>
<li><em>10</em>
<a href="/mac/item-23628.html" title="mac系统中自带的邮件程序怎么添加qq邮箱帐号?" target="_blank">mac系统中自带的邮件程序怎么添加qq邮箱帐号?</a>
</li>
</ul>
</div>
<div class="qf-cms-name">
<h3>最新更新</h3>
</div>
<div class="qf-cms-container">
<ul class="qf-article-list">
<li><a href="/changshi/item-79334.html" title="无线路由器经常断线 故障解决" target="_blank">无线路由器经常断线 故障解决</a>
</li>
<li><a href="/changshi/item-79351.html" title="怎么在Mac上设置锁屏不待机" target="_blank">怎么在Mac上设置锁屏不待机</a>
</li>
<li><a href="/changshi/item-79354.html" title="VHD和VHDX硬盘格式有什么区别?" target="_blank">VHD和VHDX硬盘格式有什么区别?</a>
</li>
<li><a href="/changshi/item-79363.html" title="关闭Aero Shake节约系统资源的方法" target="_blank">关闭Aero Shake节约系统资源的方法</a>
</li>
<li><a href="/changshi/item-79362.html" title="怎么更改Mac中的邮件字体大小" target="_blank">怎么更改Mac中的邮件字体大小</a>
</li>
<li><a href="/changshi/item-79371.html" title="提高WIN7系统开机速度方法分享" target="_blank">提高WIN7系统开机速度方法分享</a>
</li>
<li><a href="/changshi/item-79361.html" title="Mac系统怎么更改用户登录密码" target="_blank">Mac系统怎么更改用户登录密码</a>
</li>
<li><a href="/changshi/item-79358.html" title="Mac上如何修改时间和日期" target="_blank">Mac上如何修改时间和日期</a>
</li>
<li><a href="/changshi/item-79366.html" title="如何将常用应用固定至开始屏幕或任务栏" target="_blank">如何将常用应用固定至开始屏幕或任务栏</a>
</li>
<li><a href="/mysql/item-79372.html" title="MySQL中replace into语句的用法详解（insert into 的增强版）" target="_blank">MySQL中replace into语句的用法详解（insert into 的增强版）</a>
</li>
</ul>
</div>
<!--广告 start-->
<div class="qf-ads qf-ads-ontop"><ul class="qf-ads-nUl-11"><li><a href="http://www.hnqfu.cn" target="_blank"><img src="/uploads/images/ads/202306/20230610081510415263.jpg"></a><a href="http://www.hnqfu.cn" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
</div>
</div>
</div>
<script type="text/javascript">
var scrollPh = 1680;
layui.use('code', function(){
layui.code({
elem: 'pre',
title: '代码',
encode: false,
ln: true,
//skin: 'dark',
//about: '123',
about: [
//'<a href="javascript:;">复制</a>'
]
});
});
</script>
<div class="wrap bottom">
<div class="wrapper clearfix">
<div class="links">
<a href="http://www.fuphp.cn">网站首页</a>
| <a href="/aboutus.html">关于我们</a>
| <a href="/wangzhanshengming.html">免责声明</a>
| <a href="/guanggaohezuo.html">广告合作</a>
| <a href="/contact.html">联系我们</a>
</div>
<div class="copyright">
Copyright @ 2015-2024 <a href="" title="河南全福网络科技有限公司专业网制设计制作，PHP二次开发">福编程 fuphp</a> All Rights Reserved.
</div>
<div class="copyright">
<a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">豫ICP备15036959号-4</a>
</div>
</div>
</div>
<script type="text/javascript">
layui.config({
base: '/static/js/layuiadmin/' //静态资源所在路径
}).extend({
qf: '../qfplus/qf/qf',
contact: '../qfplus/contact/contact',
}).use(['contact'], function(){
var contact = layui.contact;
contact.render({'position': 'left', 'oappend':'.qf-quick-bar'});
//菜单
jQuery(".submenu").slide({
type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）
titCell:".nLi", //鼠标触发对象
targetCell:".sub", //titCell里面包含的要显示/消失的对象
titOnClassName:'current',
effect:"slideDown", //targetCell下拉效果
delayTime:300 , //效果时间
triggerTime:0, //鼠标延迟触发时间（默认150）
returnDefault:true //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
});
//表单
var form = layui.form;
form.render(null, 'component-form');
/* 监听提交 */
form.on('submit(component-form-submit)', function(data){
var searchkey = data.field.searchkey;
return true;
});
//滚动固顶
$(document).scroll(function(){
var sTop = $(document).scrollTop();
if( sTop >= scrollPh ){
$('.qf-ads-ontop').css({'position':'fixed', 'top':'0'});
}else{
$('.qf-ads-ontop').css({'position':'relative'});
}
});
});
<!--百度统计------------------>
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?9eb8fd7c57fefc4283caaf6d0c7e37f7";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html> 
