当前位置 : IT培训网 > Web前端 > Web教程 > 什么是XHTML

什么是XHTML

时间：2016-12-05 15:17:50  来源：web前端培训网  作者：IT培训网  已有：名学员访问该课程
标签(Tag):   html(100)什么是XHTML(1)
关于XHTML的知识也介绍完了，你学会了吗，知道如何定义一个html头部了吗，也许你认为不定义它也可以显示，可对搜索引擎来说不友好，毕竟我们的网页要出现在网上，完善页面的各个部分对网页收录至关重要，好了想要学习这点

对html的学习已经结束了，那么对XHTML你了解多少呢。对于想要学习网页设计的学子来说，了解XHTML知识至关重要，下面就让我们一起来学习下吧！

HTML - XHTML

XHTML 是以 XML 格式编写的 HTML。

什么是 XHTML?

XHTML 指的是可扩展超文本标记语言

XHTML 与 HTML 4.01 几乎是相同的

XHTML 是更严格更纯净的 HTML 版本

XHTML 是以 XML 应用的方式定义的 HTML

XHTML 是 2001 年 1 月发布的 W3C 推荐标准

XHTML 得到所有主流浏览器的支持

为什么使用 XHTML?

因特网上的很多页面包含了"糟糕"的 HTML。

如果在浏览器中查看，下面的 HTML 代码运行起来非常正常（即使它并未遵守 HTML 规则）：

<html>

<head>

<meta charset="utf-8">

<title>这是一个不规范的 HTML</title>

<body>

<h1>不规范的 HTML

<p>这是一个段落

</body>

XML 是一种必须正确标记且格式良好的标记语言。

如果希望学习 XML，请阅读我们的 XML 教程。

今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行，而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释"糟糕"的标记语言的资源和能力。

所以 - 通过结合 XML 和 HTML 的长处，开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。

与 HTML 相比最重要的区别：

文档结构

XHTML DOCTYPE 是强制性的

<html> 中的 XML namespace 属性是强制性的

<html>、<head>、<title> 以及 <body> 也是强制性的

属性语法

XHTML 属性必须使用小写

XHTML 属性值必须用引号包围

XHTML 属性最小化也是禁止的

元素语法

XHTML 元素必须正确嵌套

XHTML 元素必须始终关闭

XHTML 元素必须小写

XHTML 文档必须有一个根元素

<!DOCTYPE ....>是强制性的

XHTML 文档必须进行 XHTML 文档类型声明（XHTML DOCTYPE declaration）。

您可以在菜鸟教程的标签参考手册中找到完整的 XHTML 文档类型。

<html>, <head>, <title>, 和 <body> 元素也必须存在，并且必须使用 <html> 中的 xmlns 属性为文档规定 xml 命名空间。

下面的例子展示了带有最少的必需标签的 XHTML 文档：

<!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>

  <meta charset="utf-8">

  <title>文档标题</title>

</head>

<body>

文档内容

</body>

</html>

XHTML 元素必须有关闭标签

错误示例：

<p>这是一个段落

<p>这是另外一个段落

正确示例：

<p>这是一个段落</p>

<p>这是另外一个段落</p>

XHTML 元素必须合理嵌套

在 HTML 中，一些元素可以不互相嵌套，像这样：

<b><i>粗体和斜体文本</b></i>

在 XHTML 中，所有的元素都必须互相合理地嵌套，像这样：

<b><i>粗体和斜体文本</i></b>

空元素必须包含关闭标签

错误示例：

分行:<br>

水平线: <hr>

图片: <img src="happy.gif" alt="Happy face">

正确示例：

分行:<br />

水平线: <hr />

图片: <img src="happy.gif" alt="Happy face" />

XHTML 元素必须是小写

错误示例:

<BODY>

<P>这是一个段落</P>

</BODY>

正确示例：

<body>

<p>这是一个段落</p>

</body>

属性值必须有引号

错误示例：

<table width=100%>

正确示例：

<table width="100%">

属性名称必须是小写

错误示例：

<table WIDTH="100%">

正确示例:

<table width="100%">

不允许属性简写

错误示例：

<input checked>

<input readonly>

<input disabled>

<option selected>

正确示例：

<input checked="checked">

<input readonly="readonly">

<input disabled="disabled">

<option selected="selected">

如何将 HTML 转换为 XHTML

添加一个 XHTML <!DOCTYPE> 到你的网页中

添加 xmlns 属性添加到每个页面的html元素中。

改变所有的元素为小写

关闭所有的空元素

修改所有的属性名称为小写

所有属性值添加引号

关于XHTML的知识也介绍完了，你学会了吗，知道如何定义一个html头部了吗，也许你认为不定义它也可以显示，可对搜索引擎来说不友好，毕竟我们的网页要出现在网上，完善页面的各个部分对网页收录至关重要，好了想要学习这点课程也要加入我们了，与老师互动，让老师为您解疑答析，现在不问，更待何时。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
分享到：QQ空间新浪微博腾讯微博人人网微信
------分隔线----------------------------

大话IT

Web 教程
1、HTML 教程
1.1 HTML 简介
1.2 HTML 编辑器
1.3 HTML 基础
1.4 HTML 元素
1.5 HTML 属性
1.6 HTML 标题
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 链接
1.10 HTML 头部
1.11 HTML CSS
1.12 HTML 图像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 区块
1.16 HTML 布局
1.17 HTML 表单
1.18 HTML 框架
1.19 HTML 颜色
1.20 HTML 颜色名
1.21 HTML 颜色值
1.22 HTML 脚本
1.23 HTML 字符实体
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 总结
1.27 HTML 简介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 浏览器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 内联 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(视频)
2.10 HTML5 Audio(音频)
2.11 HTML5 Input 类型
2.12 HTML5 表单元素
2.13 HTML5 表单属性
2.14 HTML5 语义元素
2.15 HTML5 Web 存储
2.16 HTML5 Web SQL
2.17 HTML5 应用程序缓存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代码规范
3、HTML 媒体
3.1 HTML 媒体(Media)
3.2 HTML 插件
3.3 HTML 音频(Audio)
3.4 HTML视频（Videos）播放