品牌网站建设

psd转xhtml/css 88元/页起

  • 符合W3C标准的XHTML/CSS编码
  • 多浏览器及操作平台支持
  • SEO(搜索引擎)语义代码标准
  • 经过优化的和切片图像
  • 结构良好的XHTML/CSS
  • 转换页面越多,折扣越多
更多优惠

手机13146413981qq393992480msnyibing98@hotmail.com

在开始设计XHTML页面以前,我们必须先了解有关XHTML的代码规范,养成良好的书写习惯。在上一篇文章中我们也看到标签不同于HTML中的的写法,下面我们详细介绍一下XHTML代码的书写规范。

一、所有的标签都必须使用结束标记

在XHTML中如果出现开始标签,就必须有相对应的结束标签。如:<div></div>,<p></p>等。

如果使用单体标签,则必须用“/”斜线来结束。如:<br />,<img src="..." alt="" />等。

二、所有标签和属性名称都必须小写

在XHTML中标签和属性名称大写或大小写混杂是不被允许的。如:在HTML中<DIV Class="Abc">是没错的,但在XHTML中必须写成:<div class="Abc">。div是标签元素,class是属性名称都必须小写,而Abc是属性值,在XHTML中属性值是不被限制的。

某些开发工具自动生成的如:onMouseOver也必须写成:onmouseover。

三、属性值必须使用双引号括起来

在HTML中可以写成<div class=abc>,但XHTML规定必须写成:<div class="abc">。

四、不允许使用属性简写

尤其是在表单元素中,以前HTML允许写成如:<input checked>、<option selected>等,但XHTML规定所有属性必须被赋值。正确的写法是:<input checked="checked" />、<option selected="selected" />。

五、所有标签都必须合理嵌套

XHTML书写结构的要求是非常严谨的,因此所有的嵌套都必须按顺序,即最先出现的标签,最后结束。正确的写法是:<div><p><b>XHTML代码规范</b></p></div>。

六、不是标签一部分的特殊符号都用编码表示

出现在内容中的特殊符号都需要用编码形式表现出来。

1、任何(<),不是标签的一部分,都必须被编码为:&lt;

2、任何(>),不是标签的一部分,都必须被编码为:&gt;

3、任何(&),都必须编码为:&amp;

4、任何("),不是标签的一部分,都必须被编码为:&quot;

如果要在网页中正确显示HTML代码:<a href="http://www.w3cui.org">近水社区</a>,在开发工具中正确的写法为:&lt; href=&quot;http://www.w3cui.org&quot;&gt;近水社区&lt;/a&gt;。

七、图片标签必须要有ALT属性

为了使浏览者在图片未显示的情况下依然可以了解要表现的意义,XHTML规定没一个图片标签都要有alt标签。如只起修饰作用没有任何意义的图片也要设置alt属性,属性值为空。正确写法是:<img src="a.gif" alt="" />。

八、不能在注释中使用两个以上的破折号“--”

在注释中的内容中,不能出现两个或两个以上破折号“--”,只能出现在注释的开头和结束,在内容中它们不再有效。如:<!-- 这里是注释 -- 这里是注释 -->是错误的写法,其中的“--”可以用空格或等号“==”替代。正确的写法是<!-- 这里是注释 -->,或<!-- 这里是注释 == 这里是注释 -->。

以上的写法虽然不会对网页的显示造成影响,但在进行W3C效验的时候却会出很多莫名其妙的问题。为了使代码更加规范,易于阅读和维护,为转向XML做准备,养成良好的书写规范还是很有必要的。

Add comment


 

biuquote
  • Comment
  • Preview
微笑得意调皮害羞酷大笑惊讶发呆喜欢可怜尴尬闭嘴噘嘴皱眉伤心抓狂呕吐坏笑漫骂发怒
Loading



订阅新易网博客

  • 订阅到抓虾
  • 哪吒提醒
  • pageflakes
  • Add to My Yahoo!
  • Add to Google
  • 鲜果阅读器订阅图标
  • 订阅到有道阅读
  • 用QQ邮箱阅读空间订阅我的博客。
专业设计 量身定制 品牌网站建设 体验价只需999元
.me 我要我的域名 新网域名 260元/年 再送空间100M
[清仓] 俞兆林 黄金甲保暖内衣加厚加绒女士/男士保暖内衣
免费推广您的网站或产品 互换广告位、友情连接、软文

Recent comments