第6天:XHTML代码规范

2016-02-19 17:32 4 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐第6天:XHTML代码规范,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

  在开始正式内容制作之前,我们必须先了解一下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要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:

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

  必须修改为:

pb/b/p

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

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

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

height=80

  必须修改为:

height="80"

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

alt="say'hello'" 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注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)!--这里是注释-----------这里是注释--

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1615461.html

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

经验教程

361

收藏

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