Xhtml第6天:XHTML代码规范

2016-01-29 12:16 4 1 收藏

Xhtml第6天:XHTML代码规范,Xhtml第6天:XHTML代码规范

【 tulaoshi.com - Html 】

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

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

以前在html中,你可以打开许多标签,例如<p和<li而不一定写对应的</p和</li来关闭它们。但在xhtml中这是不合法的。xhtml要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:

<br /<img height="80" alt="网页设计师" src="http://img.jcwcn.com/attachment/portal/chinazcj/2005-11/20/05112001494125990.gif" width="200" / 2.所有标签的元素和属性的名字都必须使用小写

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

3.所有的xml标记都必须合理嵌套

同样因为xhtml要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:

<p<b</p/b

必须修改为:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)<p<b</b/p

就是说,一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号""括起来

在html中,你可以不需要给属性值加引号,但是在xhtml中,它们必须被加引号。例如:

<height=80

必须修改为:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)<height="80"

特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用&apos;,例如:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)<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注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:

<!--这里是注释-----------这里是注释--

用等号或者空格替换内部的虚线。

<!--这里是注释============这里是注释--

以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

来源:https://www.tulaoshi.com/n/20160129/1485379.html

延伸阅读
如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个div中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面): #pagebox {p...
其实head区是非常重要的,看一个页面的head的代码就可以知道设计师是否够专业。 代码如下,替换一下放在<head即可: 1.允许搜索机器人搜索站内所有链接: <meta content="all" name="robots" / 2.设置站点作者信息: <meta name="author" content="jiangwei6223272@163.com,江伟" / 3.设置站点版权信息: <meta name="copyright" con...
辛苦了好多天,我们努力学习使用xhtml+css来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?w3c和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的事情。 1.xhtml校验校验网址:http://validator.w3.org/ 校验方式:网址校验...
用web标准设计网站,过渡的方法主要是采用xhtml+css,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握css,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂css是设计不出漂亮的页面的。 事实上,所有表现的地方都需要用css来实现。我们以前都习惯用table来定位和布局,现在要改用div来定位和布局。这是思...
开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码,可以看到第一行就是: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 打开一些符合标准的站点,例如著名web设计软件开发商macromedia,设计大师zeldman的个人网...

经验教程

703

收藏

20

精华推荐

Xhtml第9天:第一个css布局实例

Xhtml第9天:第一个css布局实例

lwk550213655

XHTML语法

XHTML语法

射手Delete隐身

XHTML 1.0

XHTML 1.0

Merlot木桐

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部