📄 authoring well-formed html.htm
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<TITLE>书写格式良好的HTML</TITLE>
<style type="text/css">
<!--
.normal10 { font-size: 11pt}
.normal9 { font-size: 9pt}
a{ text-decoration: none }
a:hover{ color:Red;text-decoration:underline }
a {
font-size:11pt;
COLOR: cornflowerblue;
FONT-FAMILY: "新细明体", "宋体";
FONT-WEIGHT: bold
}
.normal105 { font-size: 11pt}
.p { font-size: 11pt}
-->
</style>
<link rel="stylesheet" href="../../Global.css" tppabs="http://www.xml.org.cn:8188/Global.css"></HEAD>
<BODY>
<p ALIGN="CENTER" class="normal105">[<a href="../../default.asp.htm" tppabs="http://www.xml.org.cn:8188/default.asp" target="_parent">返回首页</a>][<font face="宋体" lang="ZH-CN"><a href="../application.htm" tppabs="http://www.xml.org.cn:8188/application/application.htm" target="_parent">返回应用</a></font>]</p>
<table width="85%" border="0" align="center">
<tr>
<td width="14%" height="63"> </td>
<td width="71%" height="63">
<h2 align="center">书写格式良好的HTML</h2>
</td>
<td width="15%" height="63"><a name="top"></a></td>
</tr>
<tr>
<td colspan="3" height="409">
<p><span class="normal105"><span class="normal105">上一篇:<a href="Creating and Populating an HTML Template.htm" tppabs="http://www.xml.org.cn:8188/application/XSL%20uguid/Creating%20and%20Populating%20an%20HTML%20Template.htm" class="normal105">生成和组装一个HTML模板
</a><br>
下一篇:<a href="Accessing and Outputting Attributes.htm" tppabs="http://www.xml.org.cn:8188/application/XSL%20uguid/Accessing%20and%20Outputting%20Attributes.htm" class="normal105">访问和输出属性</a>
<br>
返 回 :<a href="Getting Started with XSL.htm" tppabs="http://www.xml.org.cn:8188/application/XSL%20uguid/Getting%20Started%20with%20XSL.htm" class="normal105">开始学习样式表
</a></span></span></p>
<p><span class="normal105"><span class="normal105">格式良好的HTML仅仅意味着HTML必须和XMl规则相一致.这就意味着HTML标记同样可以使用,但是需要更加严格的Xml语法.由于一个样式标本生就是一个Xml,因此在样式表中的HTMl必须格式是良好的</span></span></p>
<p><span class="normal105"><span class="normal105">除了在Xsl<span class="normal105">样<span class="normal105">式表中的HTML外,你可以按照自己的兴趣来权衡考虑书写格式良好的HTML.<font color="#000000">作为一种增强Web健壮性的方法，信息产业中的很多企业正在趋于格式良好化。并且同时简化和加速格式化良好文档数据的传输和处理进程.</font>格式良好<font color="#000000">由于保证了标记是明确</font>的，因此它对于书写工具有很大的益处，同时也有利于手工书写.业界的期望是将来的HTML标</span>准应该是</span>一个Xml应用.</span></span></p>
<p><span class="normal105"><span class="normal105">这些利益的代价是必须使用一种<font color="#000000">更加严格</font>的语法.</span></span></p>
<p><span class="normal105"><span class="normal105">书写格式良好的HTML实际上是相当简单的.
当你书写或者转换格式良好的HTML时这里有你应该注意的要点.</span></span></p>
<h2><span class="normal105"><span class="normal105">所有的标记必须是封闭的</span></span></h2>
<p><span class="normal105"><span class="normal105">HTML 允许确定的结束标记可随意取舍,最常见的是<b><font face="Arial"><P></font></b><font face="Arial">,
<b><LI></b>, <b><TR></b></font>, 和<b><font face="Arial"><TD></font></b>标记.但是Xml需要所有的标记必须是明确被封闭的.</span></span></p>
<table class=clsStd>
<tbody>
<tr>
<th><font face="Arial">HTML</font></th>
<th><font face="Arial">格式良好 HTML</font></th>
</tr>
<tr>
<td>
<pre class=clsCode><font face="Arial"><P>This is an HTML paragraph.
<P>or two.</font></pre>
</td>
<td>
<pre class=clsCode><font face="Arial"><P>This is an HTML paragraph.<b></P></b>
<P>or two.<b></P></b></font></pre>
</td>
</tr>
</tbody>
</table>
<p><span class="normal105"><span class="normal105"><span class="normal105"><span class="normal105"><span class="normal105"><span class="normal105"><span class="normal105"><span class="normal105">叶节点<span class="normal105">必须也必须通过</span>在标记中放置一个斜</span>杠</span>"/</span>"号<span class="normal105">来封闭标记.最常见的例子是<b><font face="Arial"><BR></font></b><font face="Arial">,
<b><HR></b>, <b><INPUT></b>, <font face="宋体">和</font><b><IMG></b><font face="宋体">标记</font><b>.</b></font></span></span></span></span></span></span></p>
<table class=clsStd>
<tbody>
<tr>
<th><font face="Arial">HTML</font></th>
<th><font face="Arial">格式良好 HTML</font></th>
</tr>
<tr>
<td>
<pre class=clsCode><font face="Arial"><IMG src="sample.gif"
width="10" height="20"></font></pre>
</td>
<td>
<pre class=clsCode><font face="Arial"><IMG src="sample.gif"
width="10" height="20" <b>/</b>></font></pre>
</td>
</tr>
</tbody>
</table>
<h2><span class="normal105">不允许有交叉标记</span></h2>
<p><span class="normal105">XML不允许开始和结束标记相互交叉,但是XML能在文档中强迫使用一个严格的层次.</span></p>
<table class=clsStd>
<tbody>
<tr>
<th><font face="Arial">HTML</font></th>
<th><font face="Arial">格式良好 HTML</font></th>
</tr>
<tr>
<td>
<pre class=clsCode><font face="Arial"><B>Well <I>Hello</B> Dolly!</I></font></pre>
</td>
<td>
<pre class=clsCode><font face="Arial"><B>Well<b></B> <I><B></b>Hello</B> Dolly!</I></font></pre>
</td>
</tr>
</tbody>
</table>
<h2><span class="normal105"><font color="#000000" face="宋体">字符匹配问题</font></span></h2>
<p><span class="normal105">必须为开始和结束标记选择一致的大小写格式.在这一点上,用大小写并没有指定只要只要开始和结束标记一致.样例中一般对于HTML元素使用大写格式.</span></p>
<table class=clsStd>
<tbody>
<tr>
<th><font face="Arial">HTML</font></th>
<th><font face="Arial">格式良好 HTML</font></th>
</tr>
<tr>
<td>
<pre class=clsCode><font face="Arial"><B><i>Hello Dolly!</I></b></font></pre>
</td>
<td>
<pre class=clsCode><font face="Arial"><B><<b>I</b>>Hello Dolly!</I></<b>B</b>></font></pre>
</td>
</tr>
</tbody>
</table>
<h2><span class="normal105">引用你的属性</span></h2>
<p><span class="normal105">所有的属性<span class="normal105">必须要用双引号括或者用单引号括起来.</span></span></p>
<table class=clsStd>
<tbody>
<tr>
<th><font face="Arial">HTML</font></th>
<th><font face="Arial">格式良好 HTML</font></th>
</tr>
<tr>
<td>
<pre class=clsCode><font face="Arial"><IMG src=sample.gif
width=10 height=20 ></font></pre>
</td>
<td>
<pre class=clsCode><font face="Arial"><IMG src=<b>'</b>sample.gif<b>'</b>
width=<b>"</b>10<b>"</b> height=<b>"</b>20<b>" /</b>></font></pre>
</td>
</tr>
</tbody>
</table>
<h2><span class="normal105"><font face="宋体">使用单根</font></span></h2>
<p><span class="normal105">Xml不允许存在把作为唯一的顶层元素的<HTML>省略的便捷方式</span></p>
<table class=clsStd>
<tbody>
<tr>
<th><font face="Arial">HTML</font></th>
<th><font face="Arial">格式良好 HTML</font></th>
</tr>
<tr>
<td>
<pre class=clsCode><font face="Arial"><TITLE>Funky markup</TITLE>
<BODY>
<P>Amazing that this HTML works.</P>
</BODY></font></pre>
</td>
<td>
<pre class=clsCode><font face="Arial"><b><HTML></b>
<HEAD>
<TITLE>Clean markup</TITLE>
</HEAD>
<BODY>
<P>Not nearly so amazing that
this well-formed HTML works.</P>
</BODY>
<b></HTML></b></font></pre>
</td>
</tr>
</tbody>
</table>
<h2><span class="normal105">更少的内建实体</span></h2>
<p><span class="normal105">XML 仅仅定义了一个内建字符实体的最小集</span></p>
<ul>
<li><span class="normal105">&lt; (<) </span>
<li><span class="normal105">&gt; (>) </span>
<li><span class="normal105">&amp; (&) </span>
<li><span class="normal105">&quot; (") </span>
<li><span class="normal105">&apos; (') </span></li>
</ul>
<p><span class="normal105">Xml是支持数字字符的实体<font color="#000000">的.实体的数字值列表</font>能在<a
href="../../../msdn.microsoft.com/workshop/author/dhtml/reference/charsets/charsets.asp#ie40_charsets" tppabs="http://msdn.microsoft.com/workshop/author/dhtml/reference/charsets/charsets.asp#ie40_charsets">HTML
Character Sets</a> 中找到.</span></p>
<h2><span class="normal105">避免脚本块</span></h2>
<p><span class="normal105">在HTML中的脚本块可以包含不可解析的字符,<font color="#000000">如保留的</font><和&.这些字符在HTML中需要用过字符实体来避免,或者通过把脚本块封装在一个CDATA节中.</span></p>
<p><span class="normal105">另外,JScript(和 ECMA262 语言规范相一致)的注释是结束于一行的末尾,因此在包含注释的脚本块中保存空白符是很重要的.xml:sapce
<font color="#000000">默认属性</font>值会压缩在一行之中相邻字符之间的空白符。这使得空白的格式规格化了<font color="#000000">。这样终止Jscript注释的新行就看不见了.</font>任何跟随在注释后面的Jscript代码都会被认为是注释的一部分而被省略,这种情况会经常导致脚本错<font color="#000000">误.CDATA的定义也保证空白符号是保留的.</font></span></p>
<p><span class="normal105">下面的HTML脚本块包含一个不可解析的字符和JSCRIPT注释.格式良好的脚本块使用CDATA来压缩脚本.</span></p>
<table class=clsStd>
<tbody>
<tr>
<th><font face="Arial">HTML</font></th>
<th><font face="Arial">Well-formed HTML</font></th>
</tr>
<tr>
<td>
<pre class=clsCode><font face="Arial"><SCRIPT>
// checks a number against 7
function less-than-seven(n) {
return n < 7;
}
</SCRIPT></font></pre>
</td>
<td>
<pre class=clsCode><font face="Arial"><SCRIPT><b><![CDATA[</b>
// checks a number against 7
function less-than-seven(n) {
return n < 7;
}
<b>]]></b></SCRIPT></font></pre>
</td>
</tr>
</tbody>
</table>
<p><span class="normal105">如果不这样避免错误不是所有的脚本都会失败,因此极力推荐你把它当作一种习惯来写代码.这不仅保证了如果现在的脚本中包含需避免字符和注释,脚本能正常工作.也保证了将来脚本中添加了这些字符后也能正常工作</span></p>
</td>
</tr>
<tr>
<td colspan="3" height="2"><font face="宋体" lang="ZH-CN" size=3> </font> <rev></rev><font face="宋体" lang="ZH-CN" size=3></font>
<hr size="1">
<p align="center"><font face="宋体" lang="ZH-CN">[<a href="#top">返回标题</a>][<a href="../application.htm" tppabs="http://www.xml.org.cn:8188/application/application.htm" target="_parent">返回应用</a>][<a href="../../default.asp.htm" tppabs="http://www.xml.org.cn:8188/default.asp" target="_parent">返回首页</a>][<a href="mailto:xmlteam@egroups.com">欢迎投稿</a>]</font></p>
<p align="center">最后更新：1999年9月15日<br>
<font color="#FF0033" size="-1">本站点所刊文章版权，均归本站点所有。署名作者拥有其著作权。<br>
未经</font><font color="#FF0033"><a href="mailto:xmlteam@egroups.com"><font color="#6666FF" size="-1">允许</font></a></font><font color="#FF0033" size="-1">，不得随意转载,违者必究！！</font>
</p>
</td>
</tr>
</table>
<h2 ALIGN="CENTER"> </h2>
<FONT FACE="宋体" LANG="ZH-CN" SIZE=3>
<P ALIGN="JUSTIFY"> </P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3></FONT>
</BODY>
</HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -