codecamp

XHTML 提示和技巧

本章列出了在编写XHTML文档时应该注意的各种提示和技巧。这些提示和技巧可以帮助您创建有效的文档。


设计XHTML文档的技巧

以下是设计XHTML文档的一些基本准则 -

设计服务和吸引你的观众

当你想到满足你的观众所需要的东西时,你需要设计有效的和吸引人的文件来达到目的。您的文档应该很容易找到所需的信息并给出一个熟悉的环境。

例如,院士或医务人员对长句子,复杂的图表,具体的术语等类似日志的文档感到舒适,而学校儿童访问的文档必须简单而翔实。

重用您的文档

重新使用您以前创建的成功文档,而不是从头开始每次收拾新项目。

在XHTML文档中

以下是关于XHTML文档中的元素的一些提示 -

XML声明

所有XHTML文档中都不需要XML声明,但强烈建议XHTML文档作者在其所有文档中使用XML声明。如果文档的字符编码不是默认的UTF-8或UTF-16,则需要此类声明。

空元素

它们包括空白元素之前的空格。例如,<br /><hr /><img src =“http://statics.w3cschool.cn/images/w3c/index-logo.png”alt =“w3cschool”/>

嵌入式样式表和脚本

如果样式表使用“<”,“”,“]]>”或“”,请使用外部样式表。

如果脚本使用“<”,“”或“]]>”或“”,请使用外部脚本。

属性值内的换行符

避免换行符和属性值中的多个空白字符。这些不一致的浏览器处理不一致。

Isindex 元素

文档头中不要包含多个isindex元素。该ISINDEX元素有利于输入元素的弃用。

lang 和 xml:lang 属性

在指定元素的语言的同时使用langxml:lang属性。xml:lang属性的值优先。

元素标识符

XHTML 1.0弃用了aappletformframeiframeimgmap元素的名称属性。它们将在后续版本中从XHTML中删除。因此,开始使用id元素进行元素标识。

在属性值中使用&符号

和号(“”)应作为实体引用呈现。

<!-- 这在XHTML中是无效的 -->
http://my.site.dom/cgi-bin/myscript.pl?class=guest&amp;name=user <!-- 正确的XHTML写法如下 -->
http://my.site.dom/cgi-bin/myscript.pl?class=
guest&name=user

HTML和XML中的空白字符

一些HTML文档中合法的字符在XML文档中是非法的。例如,在HTML中,由于XML的字符定义,换页符(U + 000C)在XHTML中被视为空白,因此是非法的。

命名的字符参考&Apos;

“命名字符'”(撇号,U + 0027)是在XML 1.0中引入的,但不出现在HTML中。Web开发人员应该使用“&#39",而不是', 按照预期在HTML 4 Web浏览器中工作。


XHTML 版本1.1
通过 DTD 验证 XHTML
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

XHTML 测验

XHTML 参考手册

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }