`
380071587
  • 浏览: 478993 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

良好的XHTML规则

 
阅读更多

尽管目前浏览器都兼容HTML,但为了使网页符合标准,设计者应该尽量使用XHTML规范来编写代码,在使用中要注意并遵循以下几点规范:

一、以正确的DOCTYPE和名字空间开始

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

二、使用META内容元素声明你的内容编码语言

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

三、用小写字母写所有元素和属性名称

四、给所有属性值加引号

五、给所有属性赋一个值

六、关闭所有标签

七、用空格和斜杠关闭空标签

<br />

八、不要在注释内容中使用“--”

九、把所有符号编码化

HTML特殊符号对照表
特殊符号
命名实体
十进制编码
特殊符号
命名实体
十进制编码
Α
&Alpha;
&#913;
Β
&Beta;
&#914;
Γ
&Gamma;
&#915;
Δ
&Delta;
&#916;
Ε
&Epsilon;
&#917;
Ζ
&Zeta;
&#918;
Η
&Eta;
&#919;
Θ
&Theta;
&#920;
Ι
&Iota;
&#921;
Κ
&Kappa;
&#922;
Λ
&Lambda;
&#923;
Μ
&Mu;
&#924;
Ν
&Nu;
&#925;
Ξ
&Xi;
&#926;
Ο
&Omicron;
&#927;
Π
&Pi;
&#928;
Ρ
&Rho;
&#929;
Σ
&Sigma;
&#931;
Τ
&Tau;
&#932;
Υ
&Upsilon;
&#933;
Φ
&Phi;
&#934;
Χ
&Chi;
&#935;
Ψ
&Psi;
&#936;
Ω
&Omega;
&#937;
α
&alpha;
&#945;
β
&beta;
&#946;
γ
&gamma;
&#947;
δ
&delta;
&#948;
ε
&epsilon;
&#949;
ζ
&zeta;
&#950;
η
&eta;
&#951;
θ
&theta;
&#952;
ι
&iota;
&#953;
κ
&kappa;
&#954;
λ
&lambda;
&#955;
μ
&mu;
&#956;
ν
&nu;
&#957;
ξ
&xi;
&#958;
ο
&omicron;
&#959;
π
&pi;
&#960;
ρ
&rho;
&#961;
ς
&sigmaf;
&#962;
σ
&sigma;
&#963;
τ
&tau;
&#964;
υ
&upsilon;
&#965;
φ
&phi;
&#966;
χ
&chi;
&#967;
ψ
&psi;
&#968;
ω
&omega;
&#969;
ϑ
&thetasym;
&#977;
ϒ
&upsih;
&#978;
ϖ
&piv;
&#982;
&bull;
&#8226;
&hellip;
&#8230;
&prime;
&#8242;
&Prime;
&#8243;
&oline;
&#8254;
&frasl;
&#8260;
&weierp;
&#8472;
&image;
&#8465;
&real;
&#8476;
&trade;
&#8482;
&alefsym;
&#8501;
&larr;
&#8592;
&uarr;
&#8593;
&rarr;
&#8594;
&darr;
&#8595;
&harr;
&#8596;
&crarr;
&#8629;
&lArr;
&#8656;
&uArr;
&#8657;
&rArr;
&#8658;
&dArr;
&#8659;
&hArr;
&#8660;
&forall;
&#8704;
&part;
&#8706;
&exist;
&#8707;
&empty;
&#8709;
&nabla;
&#8711;
&isin;
&#8712;
&notin;
&#8713;
&ni;
&#8715;
&prod;
&#8719;
&sum;
&#8722;
&minus;
&#8722;
&lowast;
&#8727;
&radic;
&#8730;
&prop;
&#8733;
&infin;
&#8734;
&ang;
&#8736;
&and;
&#8869;
&or;
&#8870;
&cap;
&#8745;
&cup;
&#8746;
&int;
&#8747;
&there4;
&#8756;
&sim;
&#8764;
&cong;
&#8773;
&asymp;
&#8773;
&ne;
&#8800;
&equiv;
&#8801;
&le;
&#8804;
&ge;
&#8805;
&sub;
&#8834;
&sup;
&#8835;
&nsub;
&#8836;
&sube;
&#8838;
&supe;
&#8839;
&oplus;
&#8853;
&otimes;
&#8855;
&perp;
&#8869;
&sdot;
&#8901;
&lceil;
&#8968;
&rceil;
&#8969;
&lfloor;
&#8970;
&rfloor;
&#8971;
&loz;
&#9674;
&spades;
&#9824;
&clubs;
&#9827;
&hearts;
&#9829;
&diams;
&#9830;
&nbsp;
&#160;
¡
&iexcl;
&#161;
¢
&cent;
&#162;
£
&pound;
&#163;
¤
&curren;
&#164;
¥
&yen;
&#165;
¦
&brvbar;
&#166;
§
&sect;
&#167;
¨
&uml;
&#168;
©
&copy;
&#169;
ª
&ordf;
&#170;
«
&laquo;
&#171;
¬
&not;
&#172;
­
&shy;
&#173;
®
&reg;
&#174;
¯
&macr;
&#175;
°
&deg;
d&#176;
±
&plusmn;
&#177;
²
&sup2;
&#178;
³
&sup3;
&#179;
´
&acute;
&#180;
µ
&micro;
&#181;

分享到:
评论

相关推荐

    XHTML_MP的语法规则

    ### XHTML_MP的语法规则 #### 一、引言 XHTML_MP是一种专门针对移动设备设计的XHTML简化版本,其主要目的是为了更好地适应移动网络环境,提高网页加载速度及优化用户浏览体验。XHTML_MP遵循了W3C(World Wide Web ...

    xhtml

    1. **审查现有HTML代码**:识别并修正不符合XHTML规则的元素,如未闭合的标签和缺少引号的属性。 2. **选择合适的DTD**:根据网站的具体需求选择最合适的DTD类型。 3. **逐步转换**:可以先从部分页面或模块开始,...

    html与xhtml权威指南

    同时,XHTML的严格性也有助于培养良好的编程习惯。 在学习和使用HTML与XHTML时,理解它们的语法规则、元素及其属性是非常基础的部分。此外,还需掌握CSS(Cascading Style Sheets)来控制布局和样式,JavaScript来...

    XHTML_手册 XHTML 快速入门 学习手册

    通过学习XHTML,你将能够创建出符合W3C标准、结构良好且易于维护的网页,为适应不断变化的网络环境打下坚实基础。无论你是初学者还是经验丰富的开发者,掌握XHTML都将对你的Web开发技能带来显著提升。

    xhtml布局实例说明书例子代码

    遵循这些规则,你的Web应用将会更加健壮,同时也有助于培养良好的编程习惯。 通过学习和实践这个"实用无敌的代码",Java学习者不仅可以掌握XHTML布局的基本原理,还能进一步提升自己的Web开发技能。记住,不断练习...

    HTML4.01XHTML1.0标签参考手册xhtmlreference.rar

    这两种语言都基于HTML(HyperText Markup Language),但XHTML结合了HTML的易用性和XML(Extensible Markup Language)的严格规则。 **HTML4.01** HTML4.01是HTML的最后一个非XML版本,发布于1999年。它分为三个...

    HTML5系列教程-XHTML的使用规范

    学习XHTML的使用规范对理解和掌握HTML5至关重要,因为HTML5在设计时就参考了XHTML的严谨性,虽然HTML5放宽了一些语法规则,但了解XHTML可以帮助开发者养成良好的编码习惯。在实际开发中,遵循这些规范可以降低解析...

    XHTML 1.0帮助文档

    **XHTML的语法规则** 与HTML相比,XHTML的语法更为严格。以下是一些关键规则: 1. **标签必须闭合**:每个开始标签都必须有相应的结束标签,比如`&lt;p&gt;`和`&lt;/p&gt;`,即使自闭合标签如`&lt;img&gt;`也需要加上斜杠`/&gt;`。 2. ...

    CSS学习 CSS+XHTML

    通过媒体查询(media queries),我们可以根据设备的屏幕尺寸和方向来应用不同的CSS规则,使网页能在各种设备上呈现良好。 6. **CSS预处理器**:如Sass(Syntactically Awesome Style Sheets)和Less,它们允许使用...

    xhtml +css网站模板

    使用CSS选择器,我们可以精确地控制各个部分的样式,实现响应式设计,使网页在不同设备上都能良好显示。 关于"div+css"这个标签,`div`元素是HTML中一个非常重要的容器,常用于组织和布局网页内容。配合CSS,我们...

    Head First HTML与CSS、XHTML 配套代码

    XHTML强调正确关闭所有标签,避免使用空格和缩进来影响结构,这对于培养良好的编码习惯至关重要。 HFHTML_code压缩包中的文件包含了书中各个章节的示例代码,你可以按照书中的指导逐步操作,亲手构建网页。这将帮助...

    Head First HTML与CSS、XHTML 中文版PDF

    通过阅读《Head First HTML与CSS、XHTML 中文版》,读者将能够建立起坚实的基础,为进一步深入学习Web开发技术,如JavaScript、PHP、前端框架等打下良好基础。无论是自学还是作为教学材料,这本书都是一个不错的选择...

    XHTML相关学习资料

    - **设备兼容性**:XHTML的严格性使得它在多种设备上都能保持良好的解析效果,尤其在移动设备和非传统计算设备上表现更佳。 - **未来拓展性**:XHTML的设计考虑到了未来网络应用的需求,能够更好地支持CSS、MathML、...

    XHTML标签的嵌套规则分析

    在网页设计和开发中,XHTML...总之,正确理解和应用XHTML标签的嵌套规则是创建符合Web标准、具有良好可读性和可维护性的网页内容的关键。在实际工作中,开发者应该始终遵循这些规则,确保代码的规范性和一致性。

    李炎恢 xhtml 课程 素材源代码

    每个元素都有其特定的作用和语义,理解这些元素有助于构建良好的网页结构。此外,元素的属性可以提供附加信息,如`alt`属性用于图像的替代文本,`href`属性定义链接的目标地址。 4. XHTML与CSS结合: XHTML主要用于...

    自适应各种终端各分辨率的CSS+XHTML

    总的来说,响应式网页设计是一种现代Web开发方法,通过CSS和XHTML等技术,确保网站在不同设备和屏幕尺寸下都能提供良好的用户体验。这涉及到对不同设备特性的理解和利用,以及对媒体查询、布局技术、字体和图像优化...

    精美Css+Xhtml下拉菜单

    XHTML是XML和HTML的融合,它严格遵循XML的规则,使代码更加规范和可解析。在下拉菜单中,XHTML用于构建菜单结构,包括各个菜单项和子菜单项的标签组织,如`&lt;ul&gt;`(无序列表)、`&lt;li&gt;`(列表项)等。 3. 下拉菜单...

    XHTML 教程一 (初学者应该学习)

    这些良好的编码习惯将有助于更好地理解和使用 XHTML。 总的来说,XHTML 教程一是为初学者提供的入门课程,它教授了如何从 HTML 过渡到 XHTML,强调了编码规范和标准的重要性。掌握 XHTML 不仅有助于创建高质量的...

    XHTML-粗探

    2. **XML兼容性**:XHTML的语法遵循XML的规则,这意味着它可以被XML解析器处理,增强了数据交换和处理的灵活性。 3. **更好的浏览器支持**:由于其严格的语法,XHTML通常能得到更一致的跨浏览器渲染效果,尤其是在...

    xhtml&Html手册

    3. 清晰性:XHTML的严格规则使代码更清晰,更易于机器解析,这对于自动化处理和数据交换非常有用。 4. 语义:两者都强调语义,但XHTML的严格性使得开发者更倾向于使用正确的标签来表示内容的含义。 **学习资源与...

Global site tag (gtag.js) - Google Analytics