HTML, CSS, Javascript, jQuery, Stylesheet, Xml之间的关系
2011-11-03 16:58
597 查看
1.CSS是HTML的搭档.
在编码过程中，它们发挥不同的作用：HTML负责网页的具体内容（结构），而CSS则修饰网页的表现形式（布局）。
CSS有一个优越的特性，即它可以对页面布局进行集中管理。也就是说，你不必在每个标签里都使用style属性；相反，你可以只声明一次，浏览器便会按相应的页面布局效果来显示文本：
通过把CSS文档独立出来，你就可以同时对多个页面的布局进行集中管理, 方便统一风格。这也是现在网站上的通行方式, 最佳选择。
2.Javascript是用来给HTML一些操作行为.
3.jQuery是用来规范javascript, 结构与行为分离, 不要一团乱麻.
从这一点看, 类似jQuery之于原始的javascript, 原始的javascript需要在页面元素上添加事件如<a onlick="">tt</a>, 这样页面一大就很乱了. jQuery把这些事件都集中到一起,保持一个整洁的html结构.
4.Stylesheet
5.Xml
XML 用来描述数据，而 HTML 则用来显示数据。
在没有任何有关如何显示数据的信息的情况下，大多数的浏览器都会仅仅把 XML 文档显示为源代码。
6.XHTML 教程
Html要求松, Xml要求严, 因此XHtml是介于二者之间的规范, 用来给手机等限制设备上的浏览器使用, 而PC上的浏览器ie等html, xhtml都可以兼容.
XHTML的元素都必须被正确地嵌套，XHTML 必须拥有良好的结构，所有的标签必须小写，并且所有的 XHTML 元素必须被关闭, 都要有引号, 要有根节点, <html> 标签内的 xmlns 属性是必需的(<html xmlns="http://www.w3.org/1999/xhtml">), 总之, 都是类似xml的规矩.
现在vs.net中新建一个html页面, 它都会将xmlns自动添加进来, 另外, 所有的 XHTML 文档必须拥有 DOCTYPE 声明，所有 XHTML 文档必须进行文件类型声明（DOCTYPE declaration）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
具体类型有Strict, Transitional 和另外一种叫什么的忘了. vs.net里默认是Transitional, w3csholl 是Strict, 不过它说这有点太严格了, 一般用Transitional就可以了.
XHTML 1.0 所做的工作就是将 HTML 4.0（最后的 HTML 版本）按照符合 XML 标准的要求加以改造。XHTML 1.0 并未定义任何新的元素和属性，而是沿用了所有 HTML 4.0 的元素和属性，因此 XHTML 1.0 与 HTML 4.0 是兼容的。XHTML 2.0 对于 XHTML 1.0 做了很大的改进，很多地方甚至与 XHTML 1.0 不兼容。由于目前主流的浏览器仅仅只能支持 XHTML 1.0，这里的讨论限制在 XHTML 1.0 的范围内。
7.XSL
XSL - 不仅仅是样式表语言, XSL 包括三部分：
1.XSLT: 一种用于转换 XML 文档的语言。
2.XPath: 一种用于在 XML 文档中导航的语言。
3.XSL-FO: 一种用于格式化 XML 文档的语言。
一般使用 CSS、XSL、JavaScript 以及 XML 数据岛来显示xml文档. 使用 CSS 格式化 XML 不是常用的方法，更不能代表 XML 文档样式化的未来。W3C 推荐使用 XSLT。
XSLT 是首选的 XML 样式表语言。
XSLT (eXtensible Stylesheet Language Transformations) 远比 CSS 更加完善。
使用 XSLT 的方法之一是在浏览器显示 XML 文件之前，先把它转换为 HTML，正如以下的这些例子演示的那样：
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="simple.xsl"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>
two of our famous Belgian Waffles
</description>
<calories>650</calories>
</food>
</breakfast_menu>
8.XQuery
XQuery 也被称为 XML Query。XQuery 被设计用来查询 XML 数据。解释 XQuery 的最佳方式是：XQuery 相对于 XML，等同于 SQL 相对于数据库。
XQuery 是一种非常复杂的编程语言，组成了 XPath 的一个超集。XQuery能完成 XPath 所能完成的任何任务，可以被看作是一种通用语言，因而很容易克服 XPath 的诸多局限，但代价是复杂性略有增加。
XPath 比较简洁而 XQuery 更加强大和灵活。对于很多查询来说 XPath 非常合适。比如，从 XML 文档中的部分记录建立电话号码的无序列表，使用 XPath 实现最简单。但是如果需要表达更复杂的记录选择条件的表达式、转换结果集或者进行递归查询，则需要使用 XQuery。
简言之，XPath 是XSLT 的核心，而XSLT是一种 XML 转换语言，而XQuery是基于XPath上的。单独的 XPath 位置路径本身就是有效的 XQuery， 例如“Cargo/Air Cargo” 就意味当前所有的Air Cargo。而XQuery具有类似于 SQL 的外观和能力：
9.XLink 与 XPointer
一句话, 其实就是在xml中增加超链接和锚的功能.
总结: asp到asp.net也是这个思路，把一锅粥的乱麻理清结构。
CSS(层叠样式表, Cascading Style Sheets)修饰HTML
XSL(XML 样式表语言, EXtensible Stylesheet Language)修饰XML
也就是:
CSS = HTML 样式表
XSL = XML 样式表
在编码过程中，它们发挥不同的作用：HTML负责网页的具体内容（结构），而CSS则修饰网页的表现形式（布局）。
CSS有一个优越的特性，即它可以对页面布局进行集中管理。也就是说，你不必在每个标签里都使用style属性；相反，你可以只声明一次，浏览器便会按相应的页面布局效果来显示文本：
通过把CSS文档独立出来，你就可以同时对多个页面的布局进行集中管理, 方便统一风格。这也是现在网站上的通行方式, 最佳选择。
2.Javascript是用来给HTML一些操作行为.
3.jQuery是用来规范javascript, 结构与行为分离, 不要一团乱麻.
从这一点看, 类似jQuery之于原始的javascript, 原始的javascript需要在页面元素上添加事件如<a onlick="">tt</a>, 这样页面一大就很乱了. jQuery把这些事件都集中到一起,保持一个整洁的html结构.
4.Stylesheet
5.Xml
XML 用来描述数据，而 HTML 则用来显示数据。
在没有任何有关如何显示数据的信息的情况下，大多数的浏览器都会仅仅把 XML 文档显示为源代码。
6.XHTML 教程
Html要求松, Xml要求严, 因此XHtml是介于二者之间的规范, 用来给手机等限制设备上的浏览器使用, 而PC上的浏览器ie等html, xhtml都可以兼容.
XHTML的元素都必须被正确地嵌套，XHTML 必须拥有良好的结构，所有的标签必须小写，并且所有的 XHTML 元素必须被关闭, 都要有引号, 要有根节点, <html> 标签内的 xmlns 属性是必需的(<html xmlns="http://www.w3.org/1999/xhtml">), 总之, 都是类似xml的规矩.
现在vs.net中新建一个html页面, 它都会将xmlns自动添加进来, 另外, 所有的 XHTML 文档必须拥有 DOCTYPE 声明，所有 XHTML 文档必须进行文件类型声明（DOCTYPE declaration）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
具体类型有Strict, Transitional 和另外一种叫什么的忘了. vs.net里默认是Transitional, w3csholl 是Strict, 不过它说这有点太严格了, 一般用Transitional就可以了.
XHTML 1.0 所做的工作就是将 HTML 4.0（最后的 HTML 版本）按照符合 XML 标准的要求加以改造。XHTML 1.0 并未定义任何新的元素和属性，而是沿用了所有 HTML 4.0 的元素和属性，因此 XHTML 1.0 与 HTML 4.0 是兼容的。XHTML 2.0 对于 XHTML 1.0 做了很大的改进，很多地方甚至与 XHTML 1.0 不兼容。由于目前主流的浏览器仅仅只能支持 XHTML 1.0，这里的讨论限制在 XHTML 1.0 的范围内。
7.XSL
XSL - 不仅仅是样式表语言, XSL 包括三部分：
1.XSLT: 一种用于转换 XML 文档的语言。
2.XPath: 一种用于在 XML 文档中导航的语言。
3.XSL-FO: 一种用于格式化 XML 文档的语言。
一般使用 CSS、XSL、JavaScript 以及 XML 数据岛来显示xml文档. 使用 CSS 格式化 XML 不是常用的方法，更不能代表 XML 文档样式化的未来。W3C 推荐使用 XSLT。
XSLT 是首选的 XML 样式表语言。
XSLT (eXtensible Stylesheet Language Transformations) 远比 CSS 更加完善。
使用 XSLT 的方法之一是在浏览器显示 XML 文件之前，先把它转换为 HTML，正如以下的这些例子演示的那样：
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="simple.xsl"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>
two of our famous Belgian Waffles
</description>
<calories>650</calories>
</food>
</breakfast_menu>
8.XQuery
XQuery 也被称为 XML Query。XQuery 被设计用来查询 XML 数据。解释 XQuery 的最佳方式是：XQuery 相对于 XML，等同于 SQL 相对于数据库。
XQuery 是一种非常复杂的编程语言，组成了 XPath 的一个超集。XQuery能完成 XPath 所能完成的任何任务，可以被看作是一种通用语言，因而很容易克服 XPath 的诸多局限，但代价是复杂性略有增加。
XPath 比较简洁而 XQuery 更加强大和灵活。对于很多查询来说 XPath 非常合适。比如，从 XML 文档中的部分记录建立电话号码的无序列表，使用 XPath 实现最简单。但是如果需要表达更复杂的记录选择条件的表达式、转换结果集或者进行递归查询，则需要使用 XQuery。
简言之，XPath 是XSLT 的核心，而XSLT是一种 XML 转换语言，而XQuery是基于XPath上的。单独的 XPath 位置路径本身就是有效的 XQuery， 例如“Cargo/Air Cargo” 就意味当前所有的Air Cargo。而XQuery具有类似于 SQL 的外观和能力：
9.XLink 与 XPointer
一句话, 其实就是在xml中增加超链接和锚的功能.
总结: asp到asp.net也是这个思路，把一锅粥的乱麻理清结构。
CSS(层叠样式表, Cascading Style Sheets)修饰HTML
XSL(XML 样式表语言, EXtensible Stylesheet Language)修饰XML
也就是:
CSS = HTML 样式表
XSL = XML 样式表
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 常见web前台技术之间的关系html，css，javascript...
- 新手理解HTML、CSS、javascript之间的关系
- html,css,javascript之间的关系是什么？各是负责哪方面工作的？
- 前端零基础入门（三）：HTML，CSS，Javascript三者之间的关系
- 我的学习笔记005--常见web前台技术之间的关系html，css，javascript...
- html、css、js、jquery之间的关系
- html+css+javascript之间的关系与作用
- html css javascript 之间的关系
- 对HTML、CSS、JavaScript之间关系的理解
- Apache\html+css+javascript\PHP之间的关系
- 新手理解HTML、CSS、javascript之间的关系
- 常见web前台技术之间的关系html，css，javascript...
- 建站有很多技术，如 HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、http://ASP.NET、Web Services、浏览器脚本、服务器脚本等。它们的区别是什么？新手一点不懂，想理清所有这些技术之间的关系和应用范围。
- 新手理解HTML、CSS、javascript之间的关系
- html+div+css+jquery+javascript的关系
- jsp,servlet,javascript,xml,html之间的关系
- 简谈HTML、CSS、JavaScript、Ajax、WML、Servlet、Jsp、FreeMarker、Velocity、Webmacro是什么，以及之间的关系！
- 常见web前台技术之间的关系html，css，javascript
- 常见web前台技术之间的关系html，css，javascript...
- html、css、js、jquery之间的关系