码迷,mamicode.com
首页 > Web开发 > 详细

XHTML 简介

时间:2020-04-07 15:42:39      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:sele   应用   doctype   width   部分   代码   color   cte   his   

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

XHTML 简介

标签:sele   应用   doctype   width   部分   代码   color   cte   his   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!