网页css js 抓取助手(你会不停的问，HTML是什么?CSS是XML)

　　网页css js 抓取助手(你会不停的问，HTML是什么?CSS是XML)

　　如果你是web开发的初学者，难免会在网上搜索HTML、CSS、XML、JS(Javascript)、DOM、XSL等这些词的含义。然而，随着你了解的越来越多。当你把它们混在一起的时候，你又糊涂了，你会一直问，什么是HTML？什么是 CSS？什么是 XML？什么是JS？它们是为了什么？无论是网络百科全书还是一些IT专题网站，或者一些伟大的博主，他们都会告诉你一个东西是什么。这样的文章有很多，但很少涉及。它们的组合是什么，有什么用？. 我想我写这个 文章 是为了说明这个他们很少涉及的问题。

　　在这里，我尽量用最基础的语言给大家讲解一下HTML、CSS、XML、JS是什么，有什么用。那我们就来看看把它们组合起来到底是什么，又有什么用呢。当然，如果你对HTML、CSS、XML、JS有足够的了解，可以直接跳过，看文章的后半部分，这是本文的核心。

　　第一部分

　　1. HTML 超文本标记语言（Hyper Text Markup Language）是一种用于描述网页的标记语言。

　　

　　

HTML

Hello World! I'm HTML

　　

　　网页文件本身是一个文本文件。通过在文本文件中添加标签，可以告诉浏览器如何显示内容（如：如何处理文本、如何排列屏幕、如何显示图片等）。

　　HTML 被称为超文本标记语言，因为文本收录所谓的“超链接”点。超文本（Hypertext）是一种类似网络的文本，它使用超链接来组织各种不同空间中的文本信息。

　　综上所述，HTML 是一种集网页结构和内容展示于一体的语言。

　　Hello World! I'm HTML

　　浏览器依次读取网页文件，然后根据标签对标记的内容进行解释和显示。

　　这个内容在浏览器上显示的结果是：Hello World！我是 HTML

　　我们看

　　标签上有一个id，就是

　　该标签的唯一标识使其他人很容易找到并对其进行操作。

　　2. CSS 级联样式表。它是一种将样式信息与 Web 内容分开的标记语言。作为 网站 开发人员，您可以为每个 HTML 元素定义样式并将其应用于任意数量的页面。如果需要全局更新，只需更改样式，网站中的所有元素都会自动更新。这样，设计师可以将更多的时间花在设计上，而不是费力地克服 HTML 的局限性。说白了，CSS就是在网页上设置HTML元素属性的语言。

　　CSS代码：

　　#hello{

color:blue;

}

　　当这个CSS代码应用于HTML时，它会找到id为“hello”的HTML标签，并将内容显示为蓝色；插入HTML的具体方法这里不再赘述。什么，有什么用的问题，不注意技术细节，技术细节网上很容易找到）。

　　3. Javascript，首先说明一下JavaScript与Java无关，JavaScript是属于网络的脚本语言！那么为什么名字如此相似呢？这是典型的营销成功，它的成功推广也是借鉴了Java。当微软开始意识到 Javascript 在 Web 开发者中很流行时，微软仍然建立了自己的脚本语言 JScript。

　　Javascript 是一种基于对象和事件驱动的脚本语言，具有安全功能。使用它的目的是通过HTML超文本标记语言和Java脚本语言（Java小程序）将网页中的多个对象链接在一起，与Web客户端进行交互。例如，您可以设置鼠标悬停效果、在客户端验证表单、创建自定义 HTML 页面、显示警报框、设置 cookie 等。

　　网页的所有本地代码实现部分，判断、操作和反馈信息给浏览者都是Javascript（当然还有其他的），可以让网页更具交互性，为用户提供更精彩的体验，同时减轻浏览者的负担服务器。

　　JS代码如下：

　　function jsHello(){

alert('Hello World！');

}

　　当上面的代码应用于HTML代码时，会弹出一个对话框，内容为“Hello World！” 当您的 HTML 加载时。类似地，它是通过嵌入或加载在标准 HTML 语言中实现的。至于如何嵌入或转移，由于上述原因，我不再赘述。

　　4. Xml 可扩展标记语言（Extensible MarkupLanguage）是一组定义语义标记的规则。这些标记将文档分成许多部分并标识这些部分。它也是一种元标记语言，即定义与特定领域相关的其他语义和结构化标记语言的语法语言。您可以将 XML 理解为数据库，例如 rss 是 xml 的变体。

　　XML代码如下：

　　

China

USA

UK

　　XML 的原因是用户对 SGML 的复杂性（稍后会详细介绍）和 HTML 的不足感到沮丧。与 HTML 相比，XML 更为严谨。如果你说HTML代码中的标签乱七八糟，比如未关闭，也许浏览器会忽略这些错误；但是同样的事情发生在 XML 中会给你带来很大的麻烦。

　　伏笔终于结束了。在进入正题之前，建议大家对比一下图表，了解背后的内容。废话不多说，开始进入正题。

　　第二部分

　　

　　这里的 DOM 是指 HTML DOM。HTML DOM 是 W3C 标准，也是 HTML 文档对象模型（Document Object Model for HTML）的缩写。HTML DOM 为 HTML 定义了一系列标准对象，以及访问和处理 HTML 文档的标准方法。通过 DOM，您可以访问所有 HTML 元素，以及它们收录的文本和属性。可以修改和删除内容，也可以创建新元素。HTML DOM 独立于平台和编程语言。它可以被任何编程语言使用，例如 Java、Javascript 和 VBScript。HTML DOM 是 HTML 语言向外界开放的接口，以便其他语言可以访问或修改 HTML 内部的元素。

　　当js需要操作html元素时，DOM是必不可少的对象。

　　您可以使用 DOM 对象构造以下代码并将其插入 HTML 代码中的任何位置。

　　

window.onload=function hello(){

document.getElementById("hello").innerHTML="Hello China!";

}

　　

　　在使用 CSS 装饰 HTML 元素时，这个过程可以称为声明 HTML 元素样式的过程。

　　

　　SGML 标准广义标记语言（standardgeneralized markup language）。由于SGML的复杂性，难以普及。SGML具有很强的适应性，同样的原因，在小型应用中也难以普及。HTML 和 XML 也是从 SGML 派生而来的：XML 可以被认为是 SGML 的一个子集，而 HTML 是 SGML 的一个应用。创建 XML 是为了简化 SGML，以便它可以用于更通用的目的。例如，语义网已经在大量场合使用，如XHTML、RSS、XML-RPC 和SOAP。

　　XHTML 是可扩展超文本标记语言（TheExtensible HyperText Markup Language）。HTML 是一种基本的网页设计语言。XHTML 是一种基于 XML 的标记语言。它看起来与 HTML 相似，只有一些很小但很重要的区别。XHTML 是一种 XML，其作用类似于 HTML。所以，本质上，XHTML 是一种过渡技术，它结合了 XML 的一些强大功能和 HTML 的大部分简单特性。

　　简单的说，XHT​​ML 比 HTML 更严谨，但没有 XML 严重——比如所有的 XHTML 标签和属性必须是小写的，属性必须是双引号（当然，现在的浏览器，不管是 IE 还是 FF ，对HTML和XHTML采取兼容措施也是XSS的根本原因），而且有些标签可以像XML一样自定义，因此具有很大的灵活性。

　　看到这里，突然发现web开发中一个很重要的问题。Xss 漏洞。这里我就不分析这个问题了。我将在接下来的笔记中重点研究 xss 漏洞。

　　而在XHTML时代，大家提倡的是CSS+DIV，这也是web2.0的基础。

　　DHTML 只是制作网页的一个概念。事实上，没有任何组织或机构引入所谓的 DHTML 标准或技术规范。DHTML 不是技术、标准或规范。DHTML 只是一种设计理念，它集成并利用现有的网络技术和语言标准，创建了一个下载后可以实时改变页面元素效果的网页。DHTML 是动态 HTML，Dynamic HTML。传统的 html 页面是静态的。dhtml在html页面中加入javascript脚本，使其可以根据用户的动作做出一定的响应，比如鼠标移到图片上、改变图片颜色、移到导航栏、弹出动态菜单等。

　　一般喜欢：

　　

　　

　　Expression 是微软在 Internet Explorer 中添加的一项功能，可以让样式表在执行 javascript 脚本的同时修改 HTML 样式，以便您可以执行诸如：自适应图片宽度、表格交错颜色变化等。

　　如：img{max-width:500px;width:expression(document.body.clientWidth> 200? "200px": "auto");}

　　

　　XMLHTTP最笼统的定义是：XmlHttp是一组可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传输或接收XML等数据的API。XmlHttp最大的用处就是可以在不刷新整个页面的情况下更新部分网页。

　　来自MSDN的说明：XmlHttp为客户端与http服务器通信提供了一个协议。客户端可以通过 XmlHttp 对象向 http 服务器发送请求，并使用 Microsoft® XML 文档对象模型 (DOM) 来处理响应。

　　绝对大多数浏览器现在都添加了对 XmlHttp 的支持。IE 使用 ActiveXObject 来创建 XmlHttp 对象。其他浏览器如 Firefox 和 Opera 使用 window.XMLHttpRequest 来创建 XmlHttp 对象。

　　定义 IE 的 XmlHttp 对象和应用程序的简单示例如下：

　　

　　var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");

XmlHttp.Open("get","url",true);

XmlHttp.send(null);

XmlHttp.onreadystatechange=function ServerProcess(){

if (XmlHttp.readystate==4 || XmlHttp.readystate=='complete')

{

alert(XmlHttp.responseText);

}

}

　　

　　

　　XSLT（eXtensibleStylesheet LanguageTransformation）最初旨在帮助将 XML 文档（文档）转换为其他文档。但随着发展，XSLT 不仅用于将 XML 转换为 HTML 或其他文本格式，更全面的定义应该是：XSLT 是一种用于转换 XML 文档结构的语言。

　　XSL-FO：XSL 在转换 XML 文档时分为两个明显的过程。首先是转换文档的结构；二是格式化输出文件。这两个步骤可以分开单独处理，所以XSL在开发过程中逐渐分裂成两个分支语言，XSLT（结构转换）和XSL-FO（格式化对象）（格式化输出），其中XSL-FO有类似的功能。 CSS 在 HTML 中的作用。

　　

　　AJAX：异步 JavaScript 和 XML（AsynchronousJavaScript and XML）。

　　最后一点，可以算是web2.0思想的核心。AJAX=CSS+HTML+JS+XML+DOM+XSLT+XMLHTTP。指一种用于创建交互式 Web 应用程序的 Web 开发技术。AJAX 不是单一的新技术，而是一系列相关技术的有机运用。

　　2005 年，Google 凭借其 Google Suggest 使 AJAX 流行起来。

　　Google Suggest 使用 AJAX 创建高度动态的 Web 界面：当您在 Google 搜索框中输入关键字时，Javascript 会将这些字符发送到服务器，服务器将返回搜索建议列表。