codecamp

入门XHTML后,接着该学习什么?

XHTML 概要


本教程已经向你教授了如何创建更严谨纯净的 HTML 页面。

你已经知道所有的 XHTML 元素都必须被正确地嵌套,XHTML 必须拥有良好的结构,所有的标签必须小写,并且所有的 XHTML 元素必须被关闭。

你也学到了所有的 XHTML 文档必须拥有 DOCTYPE 声明,并且 htmlheadtitlebody 元素必须存在。

如果需要关于 XHTML 的更多信息,请查看我们的 XHTML 参考手册


XHTML教程要点回顾


我们假设你已经理解了所有与XHTML相关的概念。因此,您应该能够将HTML文档写入格式良好的XHTML文档,并获得更清晰的网站版本。

将HTML转换为XHTML

您可以将现有的HTML网站转换成XHTML网站。

让我们通过一些重要的步骤。要转换现有文档,您必须先决定要遵守哪个DTD,并在文档的顶部包含文档类型定义。

  • 确保你有其他所有必需的元素。这些包括一个根元素<html>,它表示一个XML名称空间,一个<head>元素,一个包含在<head>元素中的<title>元素和一个<body>元素。
  • 将所有元素关键字和属性名称转换为小写。
  • 确保所有属性都是名称=“value”格式。
  • 确保所有容器元素都有关闭标签。
  • 在所有独立元素中放置正斜杠“/”。例如,将所有的<br>元素重写为<br />。
  • 将客户端脚本代码和样式表代码指定为CDATA部分。


XHTML即将推出的版本

XHTML仍在改进,其下一个版本XHTML 1.1已经起草。我们已经在XHTML 版本 1.1一章中详细讨论了这一点。


XHTML标签,字符和实体

XHTML标签,字符和实体与HTML相同,所以如果你已经知道HTML,那么你不需要花费额外的精力来学习这些主题,特别是对于XHTML。我们也列出了所有的HTML和XHTML教程,因为它们也适用于XHTML。



XHTML 概要


XHTML思维导图



课外阅读

如果希望继续深入学习 XHTML,请务必阅读 W3Cschool 提供的 XHTML 课外书:



恭喜!您已经学完了XHMTL的基础教程了。

现在你已经学会了 XHTML,下一步学习什么呢?


下一步你需要学习 CSS 和 JavaScript 。

其实XHTML不只是教程里介绍的这些,我们只介绍了HTML/XHTML中最常用的知识,而不是所有的标签。事实上也没有必要一下就把所有的HTML标签都记住。最好在以后制作网页的过程中,逐渐的掌握每一个标签的用法。当然了,在实践的过程中手边有一些齐全的资料肯定是最好的。w3cschool.cn已经为你找好了关于HTML/XHTML的参考资料,希望对您有用。不过现在先别急着看里面的资料,看看下面的CSS教程吧。

CSS

CSS 被用于在同时控制多重页面的样式和布局。

通过使用 CSS,所有的格式化任务均可被移出 HTML 文档,并存储于一个独立的文件中。

在不把文档内容搞乱的情况下,CSS 允许你对布局进行完全地控制。

请访问我们的 《CSS 教程》,来学习如何创建样式表。

JavaScript

JavaScript 可使网站的动态性更强。

当你仅仅想展示固定不变的内容时,静态站点是不错的。然而动态站点可以对事件作出响应,并允许用户进行交互。

JavaScript 是因特网上最流行的脚本语言,并且它可以运行于所有的主流浏览器。

请访问我们的 《JavaScript 教程》 ,来学习更多关于 JavaScript 的知识。


我们列出了XHTML和HTML的各种资源,所以如果您感兴趣并有时间的话,我们建议您通过这些资源来提高对XHTML的理解。


XHTML 示例
XHTML 简介
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

XHTML 测验

XHTML 参考手册

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }