最新消息:人生信条:用最初的心,做永远的事!微信公众号:JinlongMeiTi(金龙媒体)

如何写出来符合w3c标准的xhtml语句

网页设计 李金龙 2123浏览 0评论

XHTML融入了许多XML规范,XHTML与HTML 4.01标准没有太多的不同,你只需要注意以下几点,并养成良好的习惯就可以从HTML转变为XHTML。
XHTML元素必须被正确地嵌套。
XHTML元素必须被关闭。
标记名和属性名必须用小写。
属性值必须加引号。
属性不能简写。
使用XHTML DTD声明文档类型。
另外,有些使用方法在XHTML中不鼓励使用,虽然现在的版本还支持,但应该尽量避免使用。
1、XHTML元素必须被正确地嵌套
在HTML中,某些元素可以像这样彼此不正确地嵌套:
[code lang=”html”]
<b><i>This text is bold and italic</i></b>
[/code]
在XHTML中,所有元素必须彼此正确地嵌套:
[code lang=”html”]
<b><i>This text is bold and italic</i></b>
[/code]
2、XHTML元素必须被关闭

在XHTML中,所有成对儿的标记必须要保留结束标记,不能只写开始标记。比如:
[code lang=”html”]
<p>This is a paragraph
</p>
[/code]
上面的写法中,

标记没有关闭,正确的写法是:
[code lang=”html”]
<p>This is a paragraph</p>
[/code]
在XHTML中,所有单个的标记也必须关闭。比如:[code lang=”html”]
<br />[/code]应写为[code lang=”html”]
<br />[/code],[code lang=”html”]
<img href="t.gif"/></pre>应写为<pre lang="html" line="1"><img href="t.gif" />[/code]等。

注意:有些版本的浏览器不能识别类似[code lang=”html”]
<br />[/code]的标记,但在“/>”前加个空格就能识别了,所以应写为[code lang=”html”]
<br />[/code]。

3、标记名和属性名必须用小写
[code lang=”html”]
<p ALIGN="CENTER">This is a paragraph</p> </pre>
上面的写法中,标记名p、属性名align都应该改成小写。

4、属性值必须加引号
<pre lang="html" line="1">
<img href="t.gif" width="80" onclick="setImg(‘t.gif’)" /> [/code]
上面的写法中,各属性值的引号不能省略。如果属性值内部需要引号,可以改为单引号进行分界(注:也可以外面用单引号,内部用双引号)。

5、属性不能简写

在HTML中,有些属性只有单一固定的值,这时可以只写属性名,不写属性值,但在XHTML中应该完整书写。如:
[code lang=”html”]
<input type="radio" checked/> [/code]
checked是一个简写的属性,在XHTML中应该改为:
[code lang=”html”]
<input type="radio" checked="checked" /> [/code]
与此类似的属性还有 readonly、noresize、selected、disable 等。

6、使用XHTML DTD声明文档类型

在每个XHTML文档中都必须使用XHTML DTD声明文档的类型,这才能保证你制作的是XHTML网页。

HTML/XHTML文档结构
以下是HTML 4.01文档结构:
[code lang=”html”]
< ! doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

</head>
<body>

</body>
</html>
[/code]
以下是XHTML 1.0文档结构:
[code lang=”html”]
< ! doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

</head>
<body>

</body>
</html>
[/code]
doctype就是文档类型声明,前者声明文档是HTML 4.01,后者声明文档是XHTML 1.0。

在doctype声明中,声明了文档的根元素是 html,它在公共标识符被定义为 “-//W3C//DTD XHTML 1.0 Transitional//EN” 的DTD中进行了定义。浏览器将明白如何寻找匹配此公共标识符的DTD。如果找不到,浏览器将使用公共标识符后面的URL作为寻找DTD的位置。

注:doctype并非XHTML文档自身组成部分,它不是XHTML元素,不需要关闭。

[code lang=”html”]
<html>…</html>是文档的开始和结束,所有文档内容都放在这个区域里。
<head>…</head>是文档的头部,文档的说明和参数定义放在这个区域里。
<body>…</body>是文档的主体,需要在浏览器中显示的内容都放在这个区域里。
[/code]

转载请注明:李金龙网络营销博客 » 如何写出来符合w3c标准的xhtml语句

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址