首页 > 网站 > html与xhtml

html与xhtml

2008年1月21日 小 恒 发表评论 阅读评论

a  以下是 XHTML 相对 HTML 的几大区别:

  XHTML 要求正确嵌套

  XHTML 所有元素必须关闭

  XHTML 区分大小写

  XHTML 属性值要用双引号

  XHTML 用 id 属性代替 name 属性

  XHTML 特殊字符的处理

XHTML 要求正确嵌套
  以下是正确的嵌套:

  <p>网页教学网<strong>更新速度最快</strong>。</p>

  以下是错误的嵌套:

  <p>网页教学网<strong>更新速度最快</p></strong>。

XHTML 所有元素必须关闭
  在 HTML 中 ,比如 <p>,<li> 这些标记,你可以不写 </p>,</li>,但是在 XHTML 里,必须要求写关闭标记 (Closing Tag)。

  比如:

  <p>网页教学网很认真。

  应该写成:

  <p >网页教学网很认真 。</p>

处理空元素
  有些空元素 ,在 XHTML 里的写法是在”>”之前加空格和斜杠。比如<br>,应该写成<br />。

  以下 是空元素的例子:

<br />

<hr />

<img src=”/images/adpics/1/b027.jpg” mce_src=”/images/adpics/1/b027.jpg” alt = “webjx” />

<link rel=”stylesheet” href=”/styles/webjx.css” mce_href=”/styles/webjx.css” type =”text/css” />

<meta http-equiv=”content -type” content=”text/html; charset=UTF-8″ / >

XHTML 区分大小写
  HTML 不区分大小写,但是 XHTML 是区分大小写的。

XHTML 语法上要求更严谨些。要积极的看待这个问题。

  XHTML 的所有标记和属性都要 小写。

  比如:

  <IMG SRC = “/images/adpics/1/b027 .jpg” Alt = “webjx” />

  应该写成:

  <img src=”/images/adpics/1/b027.jpg” mce_src=”/images/adpics/1/b027.jpg” alt = “webjx ” />

XHTML 属性值要用双引号
  情况就有所不同。并不强制要求属性值加双引号?

  HTML 并不强制要求属性值加双引号。比如你可以写:

<table cellspacing = 0>

<input checked >

  的几大区别:HTML 4 .01 相比实在没有什么不同?

  但在 XHTML 里,应该写成:

<table cellspacing = “0 “>

<input checked = “checked” / >

XHTML 用 id 属性代替 name 属性
  HTML 很多元素,比如 a,applet,frame,iframe,img 和 map,有 name 属性。在 XHTML 里是要废除的,而用 id 属性取而代之。

  比如:

  <img src=”webjx.gif” mce_src=”webjx.gif” name=”webjx logo” />

  应该写成:

  <img src=”webjx.gif” mce_src=”webjx.gif” id=”webjx logo” />

XHTML 特殊字符的处理 本文来自http://bianceng.cn(编程入门)
  & 应该在 XHTML 里应该写成 &。

  比如:

  You & Me

  应该写成:

  You &amp; Me

  还有如果内嵌 Jav ascript 代码,在 XHTML 里则应该写成:

<script type=”text/javascript”>// <![CDATA[

...

//]]></script>

分类: 网站 标签:
  1. 2008年2月29日21:20 | #1

    我再补充几条:

    1、style 属性如:

    需要页面部分加入一段代码:
    (也可通过php的Header函数完成)

    2、必须有alt属性,如

    应改为

    3、必须有 type 属性。

    应改为

    最好在页面部分加入:
    (也可通过php的Header函数完成)

    另外,你写的

      You & Me

      应该写成:

      You & Me

    不知是什么意思。

  2. admin
    2008年3月1日17:05 | #2

    呵呵,已更改为 &

  1. 本文目前尚无任何 trackbacks 和 pingbacks.