`
羊小绵
  • 浏览: 51931 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
文章分类
社区版块
存档分类
最新评论

html代码规范

阅读更多
XHTML 代码规范

在开始正式内容制作之前,我们必须先了解一下 web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。

1.所有的标记都必须要有一个相应的结束标记

以前在 HTML 中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在 XHTML 中这是不合法的。XHTML 要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />

2.所有标签的元素和属性的名字都必须使用小写与HTML 不一样,XHTML 对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML 要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常 dreamweaver 自动生成的属性名字"onMouseOver"也必须修改"onmouseover"。

3.所有的XML 标记都必须合理嵌套
同样因为 XHTML 要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
<p><b></p>/b>
必须修改为:
<p><b></b>/p>
就是说,一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号""括起来
在HTML 中,你可以不需要给属性值加引号,但是在 XHTML 中,它们必须被加引号。例如:
<height=80>
必须修改为:
<height="80">
特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用&apos;,例如:
<alt="say&apos;hello&apos;">

5.把所有<和&特殊符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为& l t ;     任何大于号(>),不是标签的一部分,都必须被编码为& g t ;     任何与号(&),不是实体的一部分的,都必须被编码为& a m p;

注:以上字符之间无空格。


6.给所有属性赋一个值
XHTML 规定所有属性都必须有一个值,没有值的就重复本
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
必须修改为:
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在注释内容中使“--”

“--”只能发生在 XHTML 注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:
<!--这里是注释-----------这里是注释-->
用等号或者空格替换内部的虚线。
<!--这里是注释============这里是注释-->
以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。
分享到:
评论

相关推荐

    fairyly#front-end-summary#2.html 代码规范1

    声明一个明确的字符编码:IE 兼容模式: 使用兼容性 标签来指定使用什么版本的 IE 来渲染页面。如果不是特殊需要,通常通过 edge mode 来通知 IE

    代码规范代码规范.txt

    ### 代码规范详解 #### 一、引言 在软件开发过程中,良好的代码规范对于确保项目的可维护性、可读性和一致性至关重要。本篇将基于《代码规范代码规范.txt》的内容,详细介绍其中提及的各项规范要点及其重要性。 #...

    代码规范.pdf

    首先,标题为《代码规范.pdf》,这表明该文档是一份关于编程代码规范的文件,它很可能详述了在编写代码时应遵循的规则和标准。代码规范是为了统一开发人员的编码风格,提高代码的可读性、可维护性,从而确保项目的...

    前端代码规范 - v1.0.docx

    本文档旨在提供一个通用的前端代码规范,涵盖 HTML、CSS、JS 和 Vue 代码规范,适合公司开发人员参考和借鉴。 概述 前端代码规范的目的在于提高代码的质量和可维护性,确保代码的可读性和可扩展性,减少错误和 Bug...

    Js代码规范

    大公司或者多人项目规模化编写Web App时规定的代码规范,便于维护和拓展。让多人代码看起来像是同一个人写的

    Web 前端开发代码规范

    Web 前端开发代码规范介绍,包括html,javascript,css 的代码规范。适用于团队开发。

    前端代码规范文档,js,css,html等

    前端代码规范文档@js、css、html 等 本文档旨在规范前端开发过程中的代码编写,涵盖 JavaScript、CSS、HTML 等多方面的规范,旨在提高代码的可读性、可维护性和可扩展性。 命名规范 1.1.1 项目命名:全部采用小写...

    HTML/CSS代码开发规范文档

    HTML/CSS代码开发规范文档

    代码编写规范(java、html、css、js).pdf

    2. **HTML代码规范** - **语义化标签**:使用有意义的标签如、、等,提高页面结构的可理解性。 - **ID与Class**:ID是唯一的,Class可复用,命名应具有描述性。 - **缩进与空格**:保持元素层次清晰,使用缩进来...

    HTML代码的美感

    文件"Beautiful-HTML-chs.png"可能是一张关于中文版HTML代码规范的示意图,而"Beautiful-HTML.txt"则可能包含了一份优美格式化的HTML代码实例。这些资源可以帮助读者更好地理解和实践HTML代码的美感。 总结来说,...

    CSS代码规范与命名规范

    CSS规范常见问题的解决方法

    百度前端代码规范.pdf

    百度前端代码规范是一份旨在统一前端开发标准的文档,由百度前端团队或社区成员共同维护和分享。该规范涵盖的内容非常全面,包括但不限于Javascript编码规范、HTML编码规范、CSS编码规范、Less编码规范、E-JSON数据...

    java、前端代码规范(阿里巴巴).zip

    Java和前端代码规范是软件开发中的重要组成部分,尤其是在大型企业如阿里巴巴这样的公司中,它们对于保持代码质量和团队协作至关重要。本压缩包包含了阿里巴巴制定的Java和前端开发的详细规范,帮助开发者遵循一致的...

    前端代码规范总结(3篇).zip

    本文将深入探讨HTML、CSS和JavaScript这三种主要前端技术的代码规范,旨在提供一套综合的指导原则,帮助开发者编写更可读、可维护和可扩展的代码。 首先,我们来谈谈HTML规范。HTML作为网页的基础结构语言,其规范...

    html-css规范.pdf

    2. **HTML 代码规范** - **HTML 通用模板**:模板通常包括DOCTYPE声明,定义文档类型,如XHTML 1.0 Transitional。这确保浏览器以正确模式解析页面。接着是html标签,其中包含head和body两部分。head部分用于设置...

    网站前端代码规范,新整理了一份HTML+CSS+IMG的规范,不含JS

    前端开发是构建网页和应用程序的重要部分,而良好的代码规范能够提高代码可读性,降低维护成本,提升团队协作效率。以下是一份关于HTML、CSS和图像处理的前端规范的详细说明: 1. HTML规范: - 结构清晰:HTML代码...

    史上最全的前端开发规范1

    1. **HTML 代码规范**: - 使用4个空格替代制表符,保证代码在不同环境下的一致性。 - 嵌套元素缩进4个空格。 - 属性值始终使用双引号,不使用单引号。 - 自闭合元素如`&lt;img&gt;`不应在尾部添加斜线,HTML5中这是可...

    前端代码规范.docx

    前端代码规范 本文档介绍了 Java 前端开发代码书写规范,旨在帮助开发者编写整洁、规范的代码。以下是该规范的详细说明: HTML 开发约束 1. 标签套用:优先复用案列中提供的 HTML 模版(包括其中的 class),以...

Global site tag (gtag.js) - Google Analytics