XHTML 简介

一、XHTML 简介

  • XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。
  • XHTML 的目标是取代 HTML。
  • XHTML 与 HTML 4.01 几乎是相同的。
  • XHTML 是更严格更纯净的 HTML 版本。
  • XHTML 是作为一种 XML 应用被重新定义的 HTML。
  • XHTML 是一个 W3C 标准。

XHTML 是 HTML 与 XML(扩展标记语言)的结合物,包含了所有与 XML 语法结合的 HTML 4.01 元素。

通过把 HTML 和 XML 各自的长处加以结合,我们得到了在现在和未来都能派上用场的标记语言 - XHTML。

二、XHTML v HTML 

注意

  • XHTML 元素必须被正确地嵌套。
  • XHTML 元素必须被关闭。
  • 标签名必须用小写字母。
  • XHTML 文档必须拥有根元素。

XHTML 元素必须被正确嵌套

某些元素可以不正确地被嵌套,如下:

<b><i>This text is bold and italic</b></i>

正确的嵌套如下:

<b><i>This text is bold and italic</i></b>

XHTML 元素必须被关闭(空标签也必须被关闭)

这是错误的:

<p>This is a paragraph
<p>This is another paragraph

这是正确的:

<p>This is a paragraph</p>
<p>This is another paragraph</p>

空标签的关闭,如:

<br />
<hr />
<img src="happy.gif" alt="Happy face" />

元素必须小写:

如下是错误的:

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

三、XHTML 语法

编写 XHTML 代码需要纯净的 HTML 语法。更多的 XHTML 语法规则如下:

  • 属性名称必须小写
  • 属性值必须加引号
  • 属性不能简写
  • 用 Id 属性代替 name 属性
  • XHTML DTD 定义了强制使用的 HTML 元素

属性名称必须小写

错误如下:

<table WIDTH="100%">

正确如下:

<table width="100%">

属性值必须加引号

错误如下:

<table width=100%>

正确如下:

<table width="100%">

属性不能简写

错误如下:

<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>

正确如下:

<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />

用 id 属性代替 name 属性

HTML 4.01 针对下列元素定义 name 属性:a, applet, frame, iframe, img, 和map。在 XHTML 中不鼓励使用 name 属性,应该使用 id 取而代之。

错误如下:

<img src="picture.gif" name="picture1" />

正确如下:

<img src="picture.gif" id="picture1" />

重要的兼容性提示:你应该在 "/" 符号前添加一个额外的空格,以使你的 XHTML 与当今的浏览器相兼容。

语言属性(lang)

lang 属性应用于几乎所有的 XHTML 元素。它定义元素内部的内容的所用语言的类型。

如果在某元素中使用 lang 属性,就必须添加额外的 xml:lang

<div lang="no" xml:lang="no">Heia Norge!</div>

强制使用的 XHTML 元素

所有 XHTML 文档必须进行文件类型声明(DOCTYPE declaration)。在 XHTML 文档中必须存在html、head、body元素,而 title 元素必须位于在 head 元素中。

模板如下:

<!DOCTYPE Doctype goes here>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title goes here</title>
</head>

<body>
</body>

</html>

四、XHTML DTD(文档类型定义)

XHTML 定义了三种文件类型声明,使用最普遍的是 XHTML Transitional。

一个 XHTML 文档主要有三个主要的部分

  • DOCTYPE
  • Head
  • Body

基本的文档结构:

<!DOCTYPE ...>
<html>
<head>
<title>... </title>
</head>
<body> ... </body>
</html>

原文地址:https://www.cnblogs.com/yytest/p/12643941.html

时间: 2024-11-05 18:49:42

XHTML 简介的相关文章

XHTML教程(1)——XHTML 简介

XHTML 是更严格更纯净的 HTML 代码. XHTML 是什么? XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language). XHTML 的目标是取代 HTML. XHTML 与 HTML 4.01 几乎是相同的. XHTML 是更严格更纯净的 HTML 版本. XHTML 是作为一种 XML 应用被重新定义的 HTML. XHTML 是一个 W3C 标准. 之前应该掌握的知识 在继续学习本教程之前,你应该对下列知识有一个基本的理解: H

XML,HTML以及XHTML的区别

一.XML XML 被设计用来传输和存储数据.    HTML 被设计用来显示数据. 1) 什么是 XML? XML 指可扩展标记语言(EXtensible Markup Language)    XML 是一种标记语言,很类似 HTML    XML 的设计宗旨是传输数据,而非显示数据    XML 标签没有被预定义.您需要自行定义标签.    XML 被设计为具有自我描述性.    XML 是 W3C 的推荐标准 2) XML 与 HTML 的主要差异 XML 不是 HTML 的替代.  

XHTML教程 首页

XHTML 教程 XHTML 是更严谨更纯净的 HTML 版本. 在此教程中,我们会为您讲解 HTML 与 XHTML 之间的差异,同时也会为您展示将该站点升级到 XHTML 的方法. 开始学习 XHTML! XHTML 参考手册 我们的 XHTML 参考手册是一个按字母顺序排列的 XHTML 标签列表,其中配合了相当多的实例和注释. XHTML 1.0 参考手册 内容列表 XHTML 简介 此章节对 XHTML 进行了简要的介绍,并解释了 XHTML 的概念. XHTML - Why? 这章解

HTML、XHTML、CSS与JavaScript入门经典pdf

下载地址:网盘下载 内容介绍: 自从网站诞生以来,用于构建网站的语言就一直在不断地演化.现在一系列最佳实践已经出现,使用HTML或XHTML创建基本的网页,使用CSS控制它们的外观并使它们更加引人注目,使用JavaScript添加交互功能.<HTML.XHTML.CSS与JavaScript入门经典>一书假设您以前没有任何经验,这些宝贵的资源有助于如何使用最新的Web标准.不管您是期待编写第一个网页的初学者,还是急需提升编程技能的资深程序员,都会发现对这些基本语言的实践指导,以及有经验的Web

atitit.web原理 理论attilax总结

1. Web3.01 2. Web的未来趋势1 3. Web语言与应用导论_百度百科.html2 4. <Web设计与编程导论(影印版)>((美)王(Wang...)[简介_书评_在线阅读] -.html4 5. <Web技术导论(第3版)(21世纪高等学校规划教材·计算机应用)>(郝兴伟...)[简介_书评_在线阅读] -.html5 6. <Web程序设计(第8版)(国外计算机科学经典教材)>((美)塞巴斯塔(Sebesta,...)[简介_书评_在线阅读] -.h

【HTML5学习】HTML5学习整理笔记(二)

接上一篇 (六):HTML5样式,链接和表格 ①:HTML样式: 1.标签: <style>:样式定义 <link>:资源引用 2.熟悉: rel="stylesheet":外部样式表 type="text/css":引用文档的类型 margin-left:边距 HTML三种样式插入方法: 1.外部样式表: <link rel="stylesheet" type="text/css" href=&

《Web前端笔记2.2-2.8》 HTML基础

HTML格式化 文档内链接 <a name="tips">hello</a> <a href="#tips">跳转到hello</a> 列表 <!-- 无序列表 type可设置样式 --> <ul type="square"> <li></li> <li></li> </ul> <!-- 有序列表 start可

WEB程序设计 第7版

  D11章基础知识1.1internet简介1.1.1起源1.1.2internet的含义1.1.3ip地址1.1.4域名1.2万维网1.2.1起源1.2.2web还是internet1.3web浏览器1.4web服务器1.4.1web服务器操作1.4.2服务器的一般特性1.4.3apache1.4.4iis1.5统一资源定位符1.5.1url的格式1.5.2url路径1.6mime.1.6.1类型说明1.6.2实验性文档类型1.7超文本传输协议1.7.1请求阶段1.7.2响应阶段1.8安全性

HTML XHTML HTNL5 简介

XHTML 是HTML与XML(扩展标记语言)的结合物 包含了所有与XML语法结合的HTML 4.01元素 XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language); 的目标是取代HTML; 与HTML 4.01几乎是相同的; 是更严格更纯净的HTML版本; 是一个W3C标准 注意: XHTML 元素必须被正确地嵌套<b><i>顺序必须保持一致</i></b> 元素必须被关闭<p>后面的标签必