XHTML学习笔记之语言详解

来源：互联网发布：苹果手机恢复数据在哪编辑：程序博客网时间：2024/06/06 00:13

W3C指定了XHTML1.1规范和HTML4.0.1规范，这两种规范相互兼容。

XHTML简介(可扩展超文本标记语言)

HTML是一种简单的标记语言，因为历史的原因，HTMl已经走到了一个比较混乱的局面，而XHTML则可以当成是HTML的升级版，它制定了更加规范、更加统一的标准。基本上我可以这样理解：XHTML是更标准的HTML

XHTML规定主要是为了使HTML文档更加的严谨更加的结构化而产生的，所以一个XHTML文档首先必须是一个XML文档

XML文档是一种结构化的文档，它有如下四条基本规则：

整个文档有且仅有一个根元素；

每个元素都有开始标签和结束标签组成

元素与元素之间应该合理的嵌套

元素的属性必须有属性值，且属性值必须有单引号或双引号括起来

XHMTL基本语法

XHTML的基本结构和规则

XHTML文档首先必须是一份XML文档，所以必须遵守XML四项规则，除此之外，XHTML要求所有的标记名称使用小写的字母，且属性必须有属性值，不能省略，且必须用引号引起来。

XHTML和DTD

由于XHTML首先是一份XML文档，而XML文档除了满足基本的文档规则之外，还应该使用DTD(文档类型定义)或Schema来定义XML文档的语义约束，所以XHTML文档也应该制定合适的语义约束。XHTML使用DTD来指定语义约束

DTD信息应该添加到XHTML文档的开头部分，它是XHTML文档的必须部分，因此一份标准的XHTML文档应该有如下格式：

<!DOCTYPE …>

<html>

</html>

XHTML1.0的三种文档类型，分别对应如下三种DTD声明：

XHTML1.0 Strict

严格的XHTML语义约束，其DTD语法如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

当使用这种DTD语义约束时，整个XHTML文档需要使用干净的XHTML标记，避免表现上的混乱，通常需要与CSS结合使用

XHTML1.0Transitional

传统的XHTML语义约束，其DTD语法如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

当使用这种DTD语义约束时，可以利用HTML文档在表现上的特性并为那些不支持CSS的浏览器编写XHTML文档，这种DTD约束和传统HTML文档保持了较好的兼容性，因而是最常用的DTD语义约束

XHTML1.0 Frameset

框架集XHTML语义约束，其DTD语法格式如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

当需要在XHTML页面中插入框架时，将浏览器分割为两个或更多的框架时，就应该使用这种类型的DTD语义约束了

指定某个页面使用框架集后，则该页面中不能包含<body>元素

在编写了XHTML页面后可以利用W3C组织提供的验证器来验证我们的页面是否规范，登录

http://validator.w3.org/站点即可看到W3C提供的标签验证页面

XHTML的常用标签

基本标签

<html>:它是XHTML文档的根元素，在XHTML文档中使用时可以指定一个 xmlns属性，其值只能是http://www.w3.org/1999/xhtml

<body>:它用于定义XHTML文档的页面主体部分，该标签可以指定id、class、style等核心属性，还可以指定onload、onunload、onclick、onkeydown、onmouseup、onmouseover、

onmousemove、onmouseout、onkeypress、onkeydown、onkeyup等事件属性，这些属性用于指定javascript脚本

<style>:该属性用于引入样式的定义

<h1>到<h6>：定义标题一到标题六

<p>:定义段落，该表现可以指定id、class、style等核心属性，还可以指定onclick等各种事件属性

<br />:插入一个换行，该标签可以指定id、class、style等核心属性

<hr />：定义水平线，该标签可以指定id、class、style等核心属性，还可以指定onclick等各种事件属性。

<!--…-à:定义注释

<div>:定义文档中的节，该标签可以指定id、class、style等核心属性，还可以指定onclick等各种事件属性。

<span>:与<div>基本相似，区别是所定义的节默认不会换行。该标签可以指定和<div>相同的属性

文本格式化标签

<b>:粗体文本 <i>:斜体文本 <em>:强调文本 <big>：大号字体文本 <strong>:粗体文本 <small>:小号字体文本 <sup>:上标 <sub>:下标 <bdo dir=”rtl”或”ltr”>:文本显示方向

超级链接及锚点

<a href=”链接资源” target=””>要显示的文本内容</a>

其中target属性有_self、_blank、_top、_parent等值，分别代表自身、新窗口、顶层框架、父框架来装载新资源

列表相关标签

<ul>定义无序列表，该元素只能包含<li../>子元素

<li>定义列表项目</li>

</ul>

<ol start=”1或A” type=”I或i”>定义有序列表。

<li>定义列表项目</li>

</ol>

<dl>定义列表

<dt></dt>定义标题列表项

<dd></dd>

<dd></dd>定义普通列表

<dt></dt>

<dd></dd>

</dl>

图像相关标签

<img src=”” width=”” height=”” alt=”” alt=”” />

<map name=”” id=””

<area shape=”rect(默认是矩形区域)或circle(圆形)或poly(多边形)” coords=”指定多个坐标值，用于确定区域位置” href=”区域所链接的资源” alt=”提示信息” />

<area shape=”” coords=”” href=”” alt=”” />