XHTML编码基本规范
XHTML规范_1.0
XHTML规范1.0版2009-10-10 Carter@一、总则 (2)1.1目的及效力 (2)1.2 XHTML规范 (2)二、文档类型 (2)2.1文档类型规范 (2)2.2文档类型代码 (2)2.3 说明 (3)三、head区 (3)3.1 head区规范 (3)3.2 head区代码 (3)按住CTRL并单击目录可直接定位一、总则1.1目的及效力1.制订本规范的目的：提高HTML文件质量，使其具有良好的文档结构，便于向后兼容和更好的跨平台能力。
2.页面制作人员必须严格遵守此规范。
3.本规范应用于2009年11月1日以后制作的项目中，不溯及以往。
4.本规范随时根据需要修订，请注意版本号的变化。
当前为1.0版。
1.2 XHTML规范1.页面顶部必须添加文档类型；2.所有的XHTML 元素必须被嵌套于<ht ml> 根元素中；3.所有标签、属性必须小写；4.属性不允许缩写；5.属性值必须用引号""括起来；6.用id属性来替代name属性。
注意：为了版本比较低的浏览器，应该同时使用name和id属性，并使它们两个的值相同的；7.所有标签必须被关闭，空标签也必须关闭；8.不要在注释内容中使“--”；9.图片必须有说明文字；10.代码必须正确缩进；二、文档类型2.1文档类型规范1.页面顶部必须添加文档类型；2.必须正确选择文档类型；2.2文档类型代码1.<!DOCTYPE ht m l PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xht ml1/DT D/xht ml1-transitional.dtd">2.<!DOCTYPE html PUBLIC "-//W3C//DT D XHTML 1.0 Strict//EN""/TR/xht ml1/DT D/xht ml1-strict.dtd">3.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""/TR/xht ml1/DT D/xht ml1-fram eset.dtd">2.3 说明1.XHTML 1.0 Strict - 严格型，标识要求达到以上XHTML相比于HTML的所有改动2.XHTML 1.0 Transitional - 过渡型，标识语法要求较宽松3.XHTML 1.0 Fram eset - 框架集定义4.XHTML 1.1 - 模块化的XHTML5.XHTML 2.0 - 完全模块化可定制化的XHTML三、head区3.1 head区规范1.网站编码统一为“utf-8”；2.必须有网站且网站标题统一为：栏目名称——网站名称；3.引用外部css文件时<link>标签必须关闭4.调用外部js文件时，调用代码放在<head></head>5.head区代码顺序：“编码”“标题”“<meta>区域”“引用外部样式区域”“调用外部js文件区域”。
前端开发中常见的编码规范和最佳实践
前端开发中常见的编码规范和最佳实践在前端开发中，编码规范和最佳实践是非常重要的，它们不仅可以提高代码的可读性和可维护性，还可以帮助开发者更好地组织代码结构、提高开发效率。
本文将介绍一些前端开发中常见的编码规范和最佳实践，希望对广大前端开发者有所帮助。
一、命名规范在前端开发中，良好的命名规范可以使代码更易于理解和维护。
以下是一些常见的命名规范：1. 变量名和函数名使用驼峰命名法，如：userName, getUserInfo。
2. 类名使用大驼峰命名法，如：UserInfo, ProductService。
3. 常量名使用全大写字母和下划线，如：MAX_COUNT, MIN_LENGTH。
4. 文件名使用小写字母和中划线，如：index.html, app.js。
5. 使用具有描述性的命名，避免使用缩写和单个字母作为命名。
二、注释和文档良好的注释和文档可以让其他开发者更容易理解你的代码，同时也方便自己进行后续维护。
以下是一些注意事项：1. 在关键部分的代码前添加注释，解释其功能和用途。
2. 使用文档化工具（如JSDoc）生成API文档，方便团队成员使用。
3. 在复杂的代码段前添加简短的解释性注释，帮助其他人理解代码的逻辑。
三、目录结构一个良好的目录结构可以使代码更易于管理和扩展。
以下是一些建议：1. 根据功能模块或页面进行组织，每个模块或页面都有自己的文件夹。
2. 使用清晰的文件命名，如：user.js, product.html。
3. 将公共的代码、样式和资源放在单独的文件夹中，方便复用。
4. 使用版本控制工具进行代码管理，尽量避免在同一个文件中同时修改多个功能模块的代码。
四、代码结构和性能优化良好的代码结构和性能优化可以提高网页的加载速度和用户体验。
以下是一些建议：1. 将样式表放在头部，将脚本放在尾部，以提高页面加载速度。
2. 尽量避免使用内联样式和脚本，将它们放在单独的文件中。
3. 使用压缩和合并工具压缩CSS和JavaScript文件，减小文件大小。
xHTML规范
制作html网页时，网页设计和制作人员不要忽略head区head区代码，因为这里搜索引擎比较重视，网页浏览器解析网页也看重这里，当然还有Dreamweaver 和aspnet的css样式变样原因也出自这里。
head区代码指<body>标签以上的那些代码，不包括body标签。
主要内容飞龙简介如下：1.网页所用html版本：目前一般是html4.0和xhtml1.0，这是必须的,因为网页浏览器解析网页就靠这里。
2.网页字符集和网页编码：这也是必须的，因为网页编码不同会导致字符出现乱码或css样式失效。
简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=gb2312">繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=BIG5">英语编码：<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-1">3.网页标题：提炼网页主要内容的关键<title>飞龙博客说，网页标题很重要</title>4.网页css调用：飞龙说一定要外部css文件哟<LINK href="cssname.css" mce_href="cssname.css" rel="stylesheet"type="text/css">5.JS调用<SCRIPT LANGUAGE="JavaScript" src="feilong.js"mce_src="feilong.js"></SCRIPT>6.网页内容描述：像飞龙这样用通畅的自然语言写网页内容描述。
XHTML 教程
XHTML 教程∙XHTML 简介XHTML 是更严格更纯净的HTML 代码。
XHTML 与HTML 4.01 兼容。
所有新的浏览器都支持XHTML。
XHTML 是什么？∙XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。
∙XHTML 的目标是取代HTML。
∙XHTML 与HTML 4.01 几乎是相同的。
∙XHTML 是更严格更纯净的HTML 版本。
∙XHTML 是作为一种XML 应用被重新定义的HTML。
∙XHTML 是一个W3C 标准。
应该掌握的知识在学习本教程之前，你应该对下列知识有一个基本的理解：∙HTML∙基本的网站建设知识。
XHTML 是一个W3C 标准XHTML 于2000年的1月26日成为W3C 标准。
W3C 将XHTML 定义为最新的HTML版本。
XHTML 将逐渐取代HTML。
∙为什么要使用XHTML？XHTML 是HTML 与XML（扩展标记语言）的结合物。
XHTML 包含了所有与XML 语法结合的HTML 4.01 元素。
我们认为万维网上的许多页面都包含着糟糕的HTML 代码。
下面的HTML 代码仍然可以工作得很好，即使它没有遵守HTML 规则：<html><head><title>This is bad HTML</title><body><h1>Bad HTML</body>XML 是一种标记化语言，其中所有的东西都要被正确的标记，以产生形式良好的文档。
XML 用来描述数据，而HTML 则用来显示数据。
今天的市场中存在着不同的浏览器技术，某些浏览器运行在计算机中，某些浏览器则运行在移动电话和手持设备上。
而后者没有能力和手段来解释糟糕的标记语言。
因此，通过把HTML 和XML 各自的长处加以结合，我们得到了在现在和未来都能派上用场的标记语言- XHTML。
第4章 XHTML 基础
4.2 XHTML文档的基本结构
4.2.1 标记及其属性 2.标记的属性 标记只是规定这是什么信息，或是文本，或是图片， 但怎样显示或控制这些信息，就需要在标记后面加上相关 的属性来表示，每个标记有一系列的属性。格式为： <标记 属性1="属性值1" 属性2="属性值2" „> 受 影响的内容 </标记> 例如，一级标题标记<h1>有属性align，align表示文 字的对齐方式，表示为： <h1 align="left"> 欢迎！</h1>
强制换行标记的格式为： 文字 <br /> 不换行标记可令文字不能因太长使浏览器无法显示而换行， 它对住址、数学公式、一行数字等尤其有用。其格式为： <nobr> 文字 </nobr>
mingmei5523262@
4.4 段落标记
3 段落标记<p>...</p> 段落标记放在一个段落的头尾，用于定义一个段落。 <p>...</p>标记不但能使后面的文字换到下一行，还可 以使两段之间多一空行，相当于两个<br /><br />标记。 段落标记的格式为： <p align="left|center|right"> 文字 </p> 属性align用来设置段落文字在网页上的对齐方式： left（左对齐）、center（居中）和right（右对齐）。缺 省时默认为left。格式中的“|”表示“或者”，即多中选一。
mingmei5523262@
4.1 XHTML简介
4.1.3 XHTML代码规范 3．所有的标记都必须合理嵌套 <p><b></p>/b> × <p><b></b>/p> √ 4．所有的属性必须用引号括起来 <input name=guitar type=checkbox value=guitar>
XHTML编码规范(1)
XHTML标准语法
属性名称必须为小写
这是错误的：<table WIDTH="100%">
这是正确的：<table width="100%">
属性值必须带上双引号
这是错误的：<table width=100%>
这是正确的：<table width="100%">
不允许属性简写
这是错误的：<input checked>、<frame noresize>
这是正确的：<input checked="checked" />、<frame noresize="noresize" /> id属性替换name属性
这是错误的：<img src="picture.gif" name="picture1" />
这是正确的：<img src="picture.gif" id="picture1" />
开始标签一定要有对应的结束标签：
这是错误的：<p>
这是正确的：<p></p>或者<p/>
标签名应使用小写字母：
这是错误的：<P/>
这是正确的：<p/>。
HTML,CSS编码规范
HTML、CSS编码规范1.基本原则* 遵循内容（HTML）、显示（CSS）、行为（JavaScript）分离的代码组织模式* 代码格式化，保持干净整洁2.HTML部分2.1.添加必须的utf-8的字符集，并且使用HTML5的简洁方式：<meta charset="utf-8" />2.2.遵循xhtml 1.0规则：1)所有标签必须小写2)标签属性必须使用成对引号（单引号或双引号）3)标签属性必须有值：<select><option selected="selected"></option></select><input type="checkbox" checked="checked" />4)特殊符号必须转义（&、<、>、©、»…）2.3.标签属性命名规范id：_连接符命名法“hello_world”class: -连接符命名法“hello-world”name：骆驼式命名法“helloWorld”1)表单元素的id必须加以下前缀label：lbltext：txtpassword：txttextarea：txtfile：txtradio：radcheckbox：chksubmit：btnreset：btnbutton：btnhidden：hid2)应使用统一的结构布局的元素id命名3)name命名一般用于表单元素，根据当前元素id属性值命名，去掉id属性值的前缀和所有连接符，使用骆骆式命名法命名，例如id=”txt_id_card”，那么name=”idCard”。
2.4.要合理使用标签，语义化结构1)标签合理嵌套a、span、strong、em、p、h1~h6等元素不能包含：div、ul、ol、dl、p2)避免多余的div、span、table标签，正确使用标签表现DOM结构，在文档去除css的情况下，仍然具有结构和可读性，以下是html标记的使用规范：p：文本段落；dl：定义列表，可包括标题和内容简介的列表；ul：无序列表；ol：有序列表；h1~h6：文章标题、内容区块标题，根据重要性由大到小区分，h1一个页面只出现一次；strong/em：强调文本；img：图像，必须加上alt属性，当图像无法显示时，可表示图像信息，背景和按钮使用css 处理，不使用img元素；3)合理化表单结构a)使用fieldset元素包裹相同类别的字段；b)使用legend元素表示字段类别名称；c)使用label表示字段文本，添加必要的for属性，以在点击字段文本时，文本框能获得焦点；d)文本框不使用size属性定义宽度，而使用css的width属性；e)要添加maxlength属性限制输入字符的长度。
xhtml1 标准
xhtml1 标准一、概述xhtml1 标准是一种基于 XML 的标记语言，用于描述网页的结构和内容。
它是一种标记语言标准，旨在提供一种规范、统一的方式来描述网页的内容和结构，使得网页的编码更加规范、可读性和可维护性更强。
二、基本语法xhtml1 标准使用 XML 语法，包括以下基本元素：1. 元素：用于表示网页中的内容，如文本、图像、链接等。
2. 属性：用于设置元素的属性和值，如大小、颜色、链接地址等。
3. 注释：用于对代码进行解释和说明。
4. 特殊字符：用于表示保留字符或表情符号。
三、常用元素xhtml1 标准中常用的元素包括：1. 文本元素：包括 p（段落）、br（换行）、span（段落内的文本）等。
2. 图像元素：包括 img（图像）、area（图像映射）等。
3. 链接元素：包括 a（链接）、link（链接元数据）等。
4. 列表元素：包括 ul（无序列表）、ol（有序列表）、li（列表项）等。
5. 表格元素：包括 table（表格）、tr（表格行）、th（表格头单元格）、td（表格数据单元格）等。
6. 其他元素：包括 div（区块级元素）、span（行内元素）、form（表单）等。
四、常用属性xhtml1 标准中常用的属性包括：1. id 和 class：用于标识和分组元素，方便样式的应用和复用。
2. src 和 href：用于指定图像和链接的来源地址。
3. width 和 height：用于设置图像的宽度和高度。
4. alt：用于替代无法显示的图像内容。
5. align：用于设置元素的排版方式，如居中、左对齐、右对齐等。
6. style：用于设置元素的样式，包括字体、颜色、大小等。
7. tabindex：用于设置可聚焦元素的顺序和可聚焦方式。
8. accesskey：用于指定键盘快捷键的按键。
五、规范性原则在编写 xhtml1 文档时，应遵循以下规范性原则：1. 符合 XML 语法规则，确保文档的可读性和可维护性。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
XHTML编码基本规范2.1所有的标记都必须要有一个相应的结束标记XHTML要求有严谨的结构，所有标签必须关闭。
如果是单独不成对的标签，在标签最后加一个"/"来关闭它。
例如：<img height="80" alt="网页设计师" src="/uploadfile/200806/17/8C162625950.gif"width="200" />2.2所有标签的元素和属性的名字都必须使用小写与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。
XHTML要求所有的标签和属性的名字都必须使用小写。
例如：<BODY>必须写成<body> 。
大小写夹杂也是不被认可的。
2.3所有的XHTML标记都必须合理嵌套同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：<p><b></p>/b>必须修改为：<p><b></b>/p>就是说，一层一层的嵌套必须是严格对称。
2.4所有的属性必须用引号""括起来在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。
例如：<height=80>必须修改为：<height="80">特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：<alt="say'hello'">2.5把所有<和&特殊符号用编码表示任何小于号（<），不是标签的一部分，都必须被编码为< ;任何大于号（>），不是标签的一部分，都必须被编码为>任何与号（&），不是实体的一部分的，都必须被编码为&2.6给所有属性赋一个值XHTML规定所有属性都必须有一个值，没有值的就重复本身。
例如：<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>必须修改为：<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium"checked="checked">2.7不要在注释内容中使―–‖―–‖只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。
例如下面的代码是无效的：<!–这里是注释———–这里是注释–>用等号或者空格替换内部的虚线。
<!–这里是注释============这里是注释–>以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。
2.8引用样式和脚本语言时TYPE属性不能省略<script language="javascript" type="text/javascript">注意：type="text/javascript"不能省略。
2.9在页面中写JAVASCRIPT方法时注意加上注释符号。
这样就避免>,<,&&等一些特殊符号的报错事例：<SCRIPT>和<STYLE>标记的内容必须被包围在CDATA段中。
例如：<SCRIPT TYPE="TEXT/JAVASCRIPT"><![CDATA[FUNCTION FUNC(A, B){IF (A < B)RETURN TRUE;}]]></SCRIPT>注意到上面的S CRIPT中有小于号（<）出现，如果不将其包围在CDATA段中，那么小于号（<）以及后面的内容会被误认为是另一个XHTML标记的开始，引起一些不必要的错误。
需要注意的是IE认为在<SCRIPT>标记中的CDATA段是不合法的，并会引发脚本错误，这个问题可以使用J AVA S CRIPT注释来避免：<SCRIPT TYPE="TEXT/JAVASCRIPT">/*<![CDATA[*/FUNCTION FUNC(A, B){IF (A < B)RETURN TRUE;}/*]]>*/</SCRIPT>或者<SCRIPT TYPE="TEXT/JAVASCRIPT">//<![CDATA[FUNCTION FUNC(A, B){IF (A < B)RETURN TRUE;}//]]></SCRIPT>当然，最好的方法是把脚本和CSS放置于单独的文件中并在XHTML页面中加上引用。
2.10将所有的样式放在STYLE中例：<td width="4"> </td> 这样写不符合标准。
我们要这样写：<td style=‖width:4px;‖> </td>2.11样式属性最后一个后面一定要加上分号2.12使用ID属性，而不是NAME属性。
在HTML中，name属性可以用来标识identify <a>, <applet>, <form>, <frame>, <iframe>, <img>和<map>标记。
XHTML 1.0 Strict 和XHTML 1.1 standards已经删除了对name属性的支持。
我们应该使用id唯一标识一个页面上的元素。
ID不能重复。
2.13属性值中空格的处理。
属性值中开头和结尾的所有空格将被忽略。
属性值中词与词之间的多个空格或换行符将被认为成单个空格。
例如如下两个属性的值相同：<input value="HTML is out" /><input value=" HTML is out " />2.14使用恰当的文档类型声明和命名空间。
2.15使用META元素声明你的内容类型。
2.16使用IMG时要添加ALT属性，可设为空2.17使用IMG时ALIGN=ABSMIDDLE属性在W3C验证下通不过大家都知道，要想让图片和文字垂直居中对齐的话，可以在IMG标签下添加align=absmiddle属性即可实现，但align=absmiddle属性在W3C验证下通不过[验证地址请查看W3C网页标准验证服务地址]，那么是否可以用CSS来代替IMG的align=absmiddle属性来实现垂直居中呢，答案是肯定的。
可以在CSS中加入vertical-align:middle;就能实现了事例：<div><img style="vertical-align:middle;"src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />用CSS实现图片和文字垂直居中对齐</div><br /><br /><div><img src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />这个是没加样式的效果</div><br /><br /><div><img align=absmiddle src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />这个是用align=absmiddle实现图片和文字垂直居中对齐</div>2.18不建议使用过时属性和标签为了更好的处理网站的兼容性问题，我建议不要使用过时标签和属性2.19将VS2005的验证标准调整为XHTML1.0或更高版本备注：XHTML 1.0 Transitional WEB标准产生的问题曾经流行一时的HTML标记语言已经被官方认为过时了，将要接任它的是XHTML(/MarkUp/)。
如果你的网站按照较严格的XHTML规则书写，那么这个网站将在不同的浏览器中保持一致的样式。
并且你可以认为在未来浏览器的版本升级变化中仍然保证网站外观的一致性。
同样你也会得到跨浏览器，跨设备以及跨平台的一致性支持。
XHTML有如下两个主要目标：·将文档的结构（使用XHTML标记语言）和表现（使用CSS）分开·将HTML作为一种XML书写对于第一个目标，W3C删除了一些HTML的标记以及属性，例如<font>和bgcolor，因为这些标记或属性并不是文档结构中的一部分，而只是用来描述文档应该如何被显示，因此应该定义在CSS文件中而不是HTML中。
同样，某些特定的标记内容并不一定要显示成特定的样子。
比如，<h1>标记里内容显示的字号完全可能小于<p>里的内容，这些取决于CSS中的定义。
当然，<h1>一般用于显示一篇文档的标题信息，它的重要程度一般也应该高于<p>中的内容，所以通常的浏览器都会以一个较大的字号来显示。
对于第二个目标，XHTML将严格遵守XML的严格语法。
可以说XHTML是HTML依照XML语法重构的结果。
换句话说，当你编写XHTML文档的时候，其实是在编写一份特化了的XML文档。
XML文档有着比HTML严格多了的语法，这些将在本文稍后部分讨论。
XHTML有三个版本：· XHTML 1.0 Transitional· XHTML 1.0 Strict· XHTML 1.0 FramesetXHTML 1.0 Transitional包含HTML4.01的所有标记以及属性，是一种不是那么严格的XHTML，目的是使现有的HTML开发者更容易的接受并使用XHTML。