编写XHTML需要注意的问题以及和HTML的区别

xhtml|区别|问题

文档必须是编排良好的

元素必须嵌套,尽管SGML规定层叠非法,但现有的浏览器普遍允许层叠。

正确:嵌套元素。

<p>here is an emphasized <em>paragraph</em>.</p>

不正确:层叠元素。
 
<p>here is an emphasized <em>paragraph.</p></em>

嵌套与层叠

元素和属性名必须小写

对所有HTML元素和属性名,XHTML 文档必须使用小写。 因为XML是大小写敏感的,所以这个差别是必须的。如 < li > 和 < LI > 是不同的标签。

对非空元素,必须使用结束标签

在基于SGML的HTML 中,一些隐含结束意义的元素允许忽略结束标签。而在基于XML的XHTML中,这种忽略不被允许。除了在DTD中被声明为空的元素,所有元素必须有结束标签。

正确:结束了的元素。

<p>here is a paragraph.</p><p>here is another paragraph.</p>

不正确:未结束元素。

<p>here is a paragraph.<p>here is another paragraph.

XHTML要求代码书写非常标准,可能有时候浏览器可以容许这样的写法,但是无法通过XHTML的验证。

属性值必须在引号中

所有的属性必须用引号,即使是数字。

正确:在引号中的属性值

<table rows="3">

不正确:不在引号中的属性值。

<table rows=3>

很基本的规范,在HTML同样应该如此。

属性最小化

XML 不支持属性最小化. 属性值对必须写全。象compact,checked这样的属性名不能不指定属性值而在元素中出现。

正确:没有最小化的属性

<dl compact="compact">

不正确:最小化属性

<dl compact>

默认的属性也需要完整的写出来。

空元素

空元素要么必须有结束标签,要么起始标签以/>结束。

正确:结束的空元素

<br/><hr/>

错误:未结束的空标签

<br><hr>

这点非常重要,很容易出现的错误。

编排良好性(Well-formedness)是XML引入的一个新概念。从本质上说,这意味着元素必须有结束标签,或者必须以特殊方式书写。

时间: 2024-11-02 08:22:45

编写XHTML需要注意的问题以及和HTML的区别的相关文章

XHTML的目标,规则和细节

xhtml  两个目的:1,将页面的内容和形式清晰的分离开来2,使页面内容更接近于XML 为什么要实现这两个目的,好多地方都有讲,不过,这里简单的讲两条1,跟为什么ASP.NET要分层是一个道理,内容和形式分离后,一个符合XHTML规范的页面的外观可重覆设计而无需更改页面内容2,跟XML靠近的原因,这个好多地方有讲,最重要的是,HTML固然能被IE解析,可他那过于宽松的形式,大量的形式标记,无助于表示语义,一句话,HTML是用来呈现的,可它却忘了数据的重要性,数据不光要呈现,而且最好容易理解,这

网页制作知识: XHTML的目标,规则和细节

xhtml|网页 两个目的: 1,将页面的内容和形式清晰的分离开来2,使页面内容更接近于XML 为什么要实现这两个目的,好多地方都有讲,不过,这里简单的讲两条 1,跟为什么ASP.NET要分层是一个道理,内容和形式分离后,一个符合XHTML规范的页面的外观可重覆设计而无需更改页面内容 2, 跟XML靠近的原因,这个好多地方有讲,最重要的是,HTML固然能被IE解析,可他那过于宽松的形式,大量的形式标记,无助于表示语义,一句话, HTML是用来呈现的,可它却忘了数据的重要性,数据不光要呈现,而且最

XHTML初学者教程:了解XHTML DTD的知识

xhtml|初学|教程 XHTML定义了三种文件类型声明. 最普遍使用的是XHTML Transitional. <!DOCTYPE>是强制使用的. 一个XHTML文档有三个主要的部分: DOCTYPE Head Body 基本的文档结构是这样的: <!DOCTYPE ...><html><head><title>... </title></head><body> ... </body></h

XHTML初学者教程:了解XHTML的语法

xhtml|初学|教程|语法 编写XHTML代码需要纯净的HTML语法. 更多的XHTML语法规则: 属性名称必须小写 属性值必须加引号 属性不能简写 用Id属性代替name属性 XHTML DTD定义了强制使用的HTML元素 属性名称必须小写 这是错误的: <table WIDTH="100%"> 这是正确的: <table width="100%"> 属性值必须加引号 这是错误的: <table width=100%> 这是正

XHTML三种文件类型声明

 XHTML定义了三种文件类型声明. 最普遍使用的是XHTML Transitional.  <!DOCTYPE>是强制使用的. 一个XHTML文档有三个主要的部分: DOCTYPE  Head  Body  基本的文档结构是这样的: <!DOCTYPE ...><html><head><title>... </title></head><body> ... </body></html>

学习Xhtml+CSS2的一些心得体会_CSS/HTML

自从W3C搞了一个Xhtml1.0的标准之后,很多网站都开始用之将站点重构,像yahoo,163,CSDN等,近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪,所以偶也开始学起了,慢慢的就爱上他们了,现在谈一谈最近一段时间来的学习体会.    为什么要学Xhtml+CSS2   首先,规范的代码能在各种浏览器中顺利显示.   一些不规范代码的网页在IE下能正常显示的,在Firefox和Opera上可能就无法正常显示.虽然现在浏览器的主流是IE以及以IE为内核的各种浏览器,但不排除Firef

JavaScript在XHTML中的用法详解_基础知识

编写XHTML代码的规则要比编写HTML要严格得多,类似下面的代码在HTML中是有效的,但在XHTML中则是无效的. [javascript] 复制代码 代码如下: <script type="text/javascript"> function compare(a, b) { if(a < b) { alert("a is less then b"); } else if(a > b) { alert("a is greater

HTML标签----图文详解

本文主要内容 头标签 排版标签:<p>     <br>     <hr>     <center>     <pre>     <div>     <span> 字体标记:<h1>    <font>    <b>    <u>    <sup>    <sub> 超链接 图片标签 一.HTML的介绍 1.HTML的概述: html全称为HyperT

【转】软件开发工具介绍之 6.Web开发工具

1.EditPlus  无论是编写xhtml页面,还是css.js文件,甚至随笔记记这样的事情,我都会使用EditPlus,感觉它不仅功能强大,更难得的是:绿色.轻量级.启动速度快.稳定性高 1.1 配置文件模板 设置好EditPlus的配置文件,告别重复的体力劳动.如果我们经常建立一种文件,而这种文件总会包含一些重复的文字或者代码的话,我们就可以建立模板,然后通过模板建立文件.从而摆脱每次都要重复的体力劳动. 1.2 顺手的侧边栏 侧 边栏包含了"快速目录路径"和"快速剪贴