`
yfy_web
  • 浏览: 9727 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

XHTML 与 HTML 之间的差异(转)

阅读更多
原文地址:http://www.w3school.com.cn/xhtml/xhtml_html.asp
通过开始编写严格的 HTML,你可以为 XHTML 做好准备。
如何为 XHTML 做好准备
XHTML 与 HTML 4.01 标准没有太多的不同。
所以将你的代码升级至 4.01 是个不错的开始。我们的完整的《HTML 4.01 参考手册》会帮助你做到这一点。
另外,你应该马上使用小写字母编写HTML代码,同时绝不要养成忽略类似 </p> 标签的坏习惯。
祝您可以愉快地编码!
最主要的不同:
  • XHTML 元素必须被正确地嵌套。
  • XHTML 元素必须被关闭。
  • 标签名必须用小写字母。
  • XHTML 文档必须拥有根元素。

元素必须被正确地嵌套
在 HTML 中,某些元素可以像这样彼此不正确地嵌套:
<b><i>This text is bold and italic</b></i>

在 XHTML 中,所有的元素必须像这样彼此正确地嵌套:
<b><i>This text is bold and italic</i></b>

提示:在嵌套列表中一个容易犯的错误,是忘记内部列表必须位于 li 元素中,就像下面这样:
这是错误的:
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

这是正确的:
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

注意:在正确代码的例子中,我们在 </ul> 之后插入了一个 </li> 标签。
XHTML 元素必须被关闭
非空标签必须使用结束标签。
这是错误的:
<p>This is a paragraph
<p>This is another paragraph

这是正确的:
<p>This is a paragraph</p>
<p>This is another paragraph</p>

空标签也必须被关闭
空标签也必须使用结束标签,或者其开始标签必须使用/>结尾。
这是错误的:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

这是正确的:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML 元素必须小写
XHTML 规范定义:标签名和属性对大小写敏感。
这是错误的:
<BODY>
<P>This is a paragraph</P>
</BODY>

这是正确的:
<body>
<p>This is a paragraph</p>
</body>

XHTML 文档必须拥有一个根元素
所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下:
<html>
<head> ... </head>
<body> ... </body>
</html>
分享到:
评论
1 楼 李小昂 2013-11-23  
好严格啊~

相关推荐

    WEB开发 之 XHTML 与 HTML 之间的差异.docx

    WEB开发 之 XHTML 与 HTML 之间的差异.docx

    XHTML 教程

    XHTML 教程 XHTML 是更严谨更纯净的 HTML 版本。 在此教程中,我们会为您讲解 HTML 与 XHTML 之间的差异,同时也会为您展示将该站点升级到 XHTML 的方法。

    如何正确地在XHTML文档中使用JavaScript和CSS

    在越来越多的网站中,XHTML的使用正以很快的速度替代HTML4,但是,目前一些主流浏览器对XHTML的支持还不是很好,加上一些网页制作者对XHTML和HTML4之间的差异理解不够,使得XHTML在WEB发展上进程变得缓慢。...

    Web程序设计计算机科学经典教材.doc

    cellspacing 57 2.8.5 表格分块 59 2.9 表单 59 2.9.1 标签 59 2.9.2 标签 60 2.9.3 标签 63 2.9.4 标签 65 2.9.5 动作按钮 66 2.9.6 一个完整的表单示例 66 2.10 HTML与XHTML之间的 语法差异 69 2.11 本章小结 71 ...

    HTML blockquote 标签使用与美化

    HTML 与 XHTML 之间的差异 没有。 提示和注释: 提示:请使用 q 元素来标记短的引用。 注释:如需把页面作为 strict XHTML 进行验证,那么 &lt;blockquote&gt; 元素必须包含块级元素,比如这样: 复制代码代码如下: ...

    详解HTML的input 标签及其禁用方法

    HTML 与 XHTML 之间的差异在 HTML 中,&lt;input&gt; 标签没有结束标签。在 XHTML 中,&lt;input&gt; 标签必须被正确地关闭。实例一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮: XML/HTML Code复制内容...

    关于html中meta的作用(网上搜集整理得来)

    HTML 与 XHTML 之间的差异 在 HTML 中,&lt;meta&gt; 标签没有结束标签。 在 XHTML 中,&lt;meta&gt; 标签必须被正确地关闭。 提示和注释: 注释:&lt;meta&gt; 标签永远位于 head 元素内部。 注释:元数据总是...

    iframe标签用法详解(属性、透明、自适应高度)

    HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示和注释: 提示:您可以把需要的文本放置在 &lt;iframe&gt; 和 &lt;/iframe&gt; 之间,这样就可以应对...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    主要的工作是发展 Web 规范,这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。 NativeApp 使用传统原生态Android SDK来实现的应用 WebApp 基于浏览器来实现的一种应用 HybridApp 一种可以...

    HTML元素 noscript使用介绍

    HTML 与 XHTML 之间的差异NONE提示和注释:注释:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。 注释:无法识别 [removed] 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做,您应当...

    CSS终极参考手册中文版

    一本非常详尽的css参考手册,主要介绍了css的作用、一般语法和术语、@规则、选择符、层叠与特性以及继承、css布局和格式化、各种css属性、html和xhtml之间的差异,以及规避方法、过滤器和各种技巧,适合各级网页设计...

    JS获取整个页面文档的实现代码

    innerText与textContent是在除FF之外的浏览器与FF之间的差异。 代码如下: var innerText = document.body.innerText ? ‘innerText’ : ‘textContent’; 上面的语句在开头处理以避免多次判断 demo贴图: demo: ...

    毕业设计订餐系统源码-frequently-asked-front-end-interview-questions:纽约地区前端开发人员面试常

    位置绝对/固定之间的差异 CSS 预处理器的优点 CSS3 中的新特性 显示多少属性 动画功能 div 与跨度 内联 vs 块 内部/外部样式表的优点 伪类 CSS 中的优先顺序 特异性 Javascript : == 与 === 的区别 关闭 模块化的 ...

    xml实验报告.docx

    能够编写基本的XML文档,了解XML的基本用途,在实验的过程中需要什么是XML、以及XML与HTML之间的差异。 2.2实验要求 要求:格式良好,包含XML声明、合理的元素嵌套结构、属性、注释、名称空间。能合理体现下列数据的...

    CSS3的column-fill属性对齐列内容高度的用法详解

    column-fill 属性, 指定列之间高度是否对齐时使用。&lt;规定如何对列进行填充&gt; ...DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit

    asp.net知识库

    .net 2.0 访问Oracle --与Sql Server的差异,注意事项,常见异常 Ado.net 与NHibernate的关系? 动态创建数据库 SQL Server数据库安全规划全攻略 .net通用数据库访问组件SQL Artisan应用简介1 在Framework1.0下...

Global site tag (gtag.js) - Google Analytics