seo经典之作-2011最新搜索引擎优化实战(Web开发中的基本概念和用到的技术，从A到Z总共26项)

　　seo经典之作-2011最新搜索引擎优化实战(Web开发中的基本概念和用到的技术，从A到Z总共26项)

　　web开发比较麻烦，需要掌握很多东西，尤其是从事前端开发的朋友，需要通过十个技巧。今天，这篇文章向初学者介绍了Web开发中用到的一些基本概念和技术。从 A 到 Z 有 26 个项目，每个项目对应一个概念或技术。

　　Beginner Web：介绍前端开发中用到的一些基本概念和技术A-AJAX

　　AJAX 全称为“Asynchronous JavaScript and XML”（异步 JavaScript 和 XML），是一种用于创建交互式 Web 应用程序的 Web 开发技术。根据 Ajax 创始人 Jesse James Garrett 的建议，AJAX：

　　类似于 DHTML 或 LAMP，AJAX 并不是指单一的技术，而是有机地利用了一系列相关技术。事实上，一些基于 AJAX 的“衍生/复合”技术正在兴起，比如 AFLAX。

　　Beginner Web：介绍前端开发中用到的一些基本概念和技术

　　B - 浏览器

　　Web 浏览器是一种在 Web 服务器或文件系统中显示文件并允许用户与这些文件进行交互的软件。它用于显示万维网或局域网中的文本、图像和其他信息。这些文字或图片可以是其他网站的超链接，用户可以方便快捷地浏览各种信息。大多数网页都是 HTML 格式，有些网页需要特定的浏览器才能正确显示。个人电脑上常见的网络浏览器按2010年1月的市场份额有微软的Internet Explorer、Mozilla的Firefox、谷歌的谷歌浏览器、苹果的Safari和Opera。浏览器是最常用的客户端程序。Web 开发人员应确保他们的程序在所有主要浏览器中都能正常工作。

　　C——CSS

　　层叠样式表，又名：字符串样式列表，英文：Cascading Style Sheets，缩写为CSS，由W3C定义和维护的一种标准，用于添加样式（字体、字体、Pitch和颜色等）的类型计算机语言。最新版本是 CSS 2.1，这是 W3C 的候选推荐标准。CSS 3 的下一个版本仍在开发中。

　　Beginner Web：介绍前端开发中用到的一些基本概念和技术

　　D——DOM

　　文档对象模型 (DOM) 是 W3C 组织推荐的用于处理可扩展标记语言的标准编程接口。文档对象模型的历史可以追溯到 1990 年代后期 Microsoft 和 Netscape 之间的“浏览器战争”（browser wars）。双方为了对抗JavaScript和JScript，*敏*感*词*赋予浏览器强大的功能。微软在web技术中加入了很多独有的东西，包括VBScript、ActiveX，以及微软自己的DHTML格式等等，使得很多网页在非微软平台和浏览器上无法正常显示。DOM 是当时产生的杰作。

　　E - 事件

　　事件是控件可以识别的操作，例如按下确定按钮、选择单选按钮或复选框。每个控件都有自己可识别的事件，比如窗体的加载、点击、双击等事件，改变编辑框（文本框）的文本等。现代web应用严重依赖事件驱动。

　　事件包括系统事件和用户事件。系统事件由系统触发。例如，每 24 小时，银行存款人的存款日期就会增加 1 天。用户事件由用户触发。例如，用户单击按钮以在文本框中显示特定文本。事件驱动控件执行特定功能。触发事件的对象称为事件发送者；接收事件的对象称为事件*敏*感*词*。

　　可以利用事件机制来实现：当类对象的某个状态发生变化时，系统会通过某种方式调用类中处理该事件的方法或者触发控件事件的对象会调用所有注册的事件控制处理程序等。

　　（网络前端学习交流群：328058344 不小聊，请勿入内！）

　　F——萤火虫

　　Firebug 是 Web 浏览器 Mozilla Firefox 的扩展和调试工具。用户可以使用它来调试、编辑甚至删除任何 网站 CSS、HTML、DOM 和 JavaScript 代码。Firebug 还提供了其他 Web 开发工具，例如 Yahoo! 的 Web 速度优化建议工具 YSlow。Firebug 是由乔·休伊特 (Joe Hewitt) 编写的。他是 Firefox 的最初创始人之一。

　　Beginner Web：介绍前端开发中用到的一些基本概念和技术

　　G - 网格

　　网格，也叫网格，但按照定义，网格更准确。在网上找了一个更合适的网页网格系统的定义：使用规则的网格阵列来引导和规范网页中的布局和信息分布。Web 网格系统是从平面网格系统发展而来的。对于网页设计而言，网格系统的使用不仅使网页上的信息呈现更加美观和可读，而且更具实用性。而且，对于前端开发，网页会更加灵活和规范。

　　H——HTML

　　超文本标记语言（英文：HyperText Markup Language，HTML）是一种为“网页创建和其他可以在网络浏览器中看到的信息”而设计的标记语言。HTML用于构造信息——如标题、段落、列表等，也可以在一定程度上用于描述文档的外观和语义。HTML 最初由 Tim Berners-Lee 定义，并由 IETF 使用简化的 SGML（标准通用标记语言）语法进一步开发，后来成为国际标准并由万维网联盟 (W3C) 维护。

　　最新版本是 HTML5，它是 HTML 的下一个主要修订版，仍处于开发阶段。目标是取代1999年制定的HTML4.01和XHTML1.0标准，使网络标准适应互联网应用快速发展的当代网络需求。从广义上讲 HTML5 时，它实际上是指包括 HTML、CSS 和 JavaScript 在内的技术的组合。

　　我——IE

　　Windows Internet Explorer（原名Microsoft Internet Explorer，简称Internet Explorer，简称IE）是微软公司推出的一款网页浏览器。截至 2010 年 9 月，统计数据显示 Internet Explorer 的市场份额高达 59.65%。尽管它仍然是使用最广泛的网络浏览器，但其市场份额与 2003 年的峰值相差 30% 以上。

　　Internet Explorer 对一些标准化技术有一定程度的支持，但也存在许多操作上的差距和兼容性故障，这导致技术开发者的批评越来越多。批评的增加主要是由于Internet Explorer的竞争对手提供了相对完善的技术支持，符合标准的应用越来越广泛。由于 Internet Explorer 在世界范围内广泛使用，Web 开发人员在寻找跨平台代码时经常会发现 Internet Explorer 漏洞、私有功能集和不完善的标准支持。

　　J——JavaScript

　　JavaScript 是一种广泛用于客户端 Web 开发的脚本语言。常用于为 HTML 页面添加动态功能，例如响应用户的各种操作。它最初是由 Netscape 的 Brendan Eich 设计的。它是一种动态的、弱类型的、基于原型的语言，具有内置的支持类。JavaScript 是 Sun Corporation 的注册商标。Ecma International 开发了基于 JavaScript 的 ECMAScript 标准。JavaScript 还可以用于其他情况，例如服务器端编程。完整的 JavaScript 实现由三部分组成：ECMAScript、文档对象模型和字节顺序表示法。

　　最初将其脚本语言命名为 LiveScript，Netscape 与 Sun 合作后更名为 JavaScript。JavaScript 最初的设计灵感来自 Java。目的之一是“看起来像Java”，所以在语法上有相似之处，一些名称和命名约定也借用了Java。但是 JavaScript 的主要设计原则来源于 Self 和 Scheme。JavaScript 和 Java 名称的相似性是 Netscape 和 Sun 出于营销考虑达成的协议的结果。为了获得技术优势，微软引入了 JScript 来面对 JavaScript 的脚本语言。为了互操作性，Ecma International（前身为欧洲计算机制造商协会）创建了 ECMA-262 标准 (ECMAScript)。现在两者都属于 ECMAScript 的实现。虽然 JavaScript 是作为非程序员的脚本语言被推广和推广的，而不是作为程序员的编程语言，但 JavaScript 具有非常丰富的特性。

　　Beginner Web：介绍前端开发中用到的一些基本概念和技术

　　K——关键词优化

　　关键词Optimization，也叫搜索引擎优化（Search Engine Optimization，简称SEO），是一种利用搜索引擎搜索规则来提高网站在相关搜索引擎中排名的目的。许多研究发现，搜索引擎用户往往只关注搜索结果中的前几项，因此许多网站希望通过各种形式影响搜索引擎的排名。其中，以广告为生的各种网站就非常讲究了。

　　所谓“为搜索引擎优化处理”，就是让网站更容易被搜索引擎接受。搜索引擎会比较网站的内容，获取一些相关数据，然后浏览器会以最快最完整的方式将内容反映给搜索者。

　　搜索引擎优化 对于任何网站来说，要想在网站的推广中取得成功，搜索引擎优化是最关键的任务。同时，随着搜索引擎不断改变自己的排名算法规则，每一次算法变化，一些排名靠前的网站就会一夜之间失去名气，失去排名的直接后果就是失去网站固有的可观流量。所以每一次搜索引擎算法的变化，都会在网站之间引起很大的骚动和焦虑。可以说，搜索引擎优化是一项越来越复杂的任务。

　　L — 少

　　Less 最初是一个 ruby​​ 宝石，它赋予了 CSS 动态语言的特性，包括变量、运算符和嵌套规则。实际上，Less 的真正作用是将使用高级特性的 CSS 转换为标准 CSS。这些都是在 Web 客户端发起请求时通过 Http Handler 完成的。也可以在编辑时完成。此外，Less 可以配置为自动最小化生成的 CSS 文件，不仅可以节省带宽，还可以提升最终用户体验。还有一个 .Net 版本的 Less。

　　M——MVC

　　MVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，它将软件系统划分为三个基本部分：模型、视图和控制器。MVC模型最早由Trygve Reenskaug于1974年提出，是施乐PARC在1980年代为编程语言Smalltalk发明的一种软件设计模型。MVC模型的目的是实现一个动态的程序设计，简化程序的后续修改和扩展，使程序的某一部分的复用成为可能。此外，这种模式通过简化复杂性使程序结构更加直观。软件系统将自身的基本部分分开，但又赋予每个基本部分其功能。

　　N——Node.JS

　　Node 是一个 Javascript 运行环境（runtime），实际上它封装了 Google V8 引擎（应用于 Google Chrome 浏览器）。V8引擎执行Javascript非常快，性能非常好。Node 优化了一些特殊用例并提供了替代 API，使 V8 在非浏览器环境中运行得更好。例如，在服务器环境中，处理二进制数据通常是必不可少的，而Javascript对此支持不足。因此，V8.Node 添加了 Buffer 类来方便高效地处理二进制数据。因此，Node 不仅简单地使用 V8，而且还对其进行了优化，使其在各种环境中更加强大。Node.js 包罗万象，但重点是它提供了一种在 Web 浏览器之外运行 Javascript 的方法。网站的前端开发中广泛使用Javascript。Node 使这种流行的编程语言能够在更多环境中运行，甚至是 网站 的服务器端。

　　O - 对象

　　Object是Object Oriented中的一个术语，它不仅代表客观世界（Namespace）问题空间中的特定事物，而且代表软件系统解决方案空间中的基本元素。在软件系统中，对象具有唯一标识符。对象包括属性和方法。属性是需要记住的信息，方法是对象可以提供的服务。在面向对象的软件中，对象是某个类的实例。

　　P——PHP

　　PHP（超文本预处理器）是一种在计算机上运行的脚本语言。它的主要目的是处理动态网页。它还包括命令行界面或生成图形用户界面 (GUI) 程序。PHP 最初由 Rasmus Lerdorf 于 1995 年发明，现在 PHP 标准由 PHP Group 和开源社区维护。PHP 使用 PHP License 作为许可协议，但由于该协议限制了 PHP 名称的使用，因此与开源许可协议 GPL 不兼容。

　　PHP 的应用范围很广，尤其是在 web 程序的开发方面。一般来说，PHP 大多运行在 Web 服务器上，通过运行 PHP 代码生成用户浏览的网页。PHP 可以运行在大多数服务器和操作系统上，并且完全免费使用 PHP。据2007年4月统计，PHP已经安装在超过2000万个网站和100万台服务器上。

　　Q——查询

　　查询有很多含义。例如，查询语言用于与存储数据的扩展系统进行交互。一个很好的例子是用于操作关系数据库的 SQL。另一个含义是查询字符串用作 URL 的一部分以在 Web 应用程序中传输数据。查询字符串的格式一般是键值对的形式。

　　R - 正则表达式

　　正则表达式（英文：Regular Expression，regex，或regexp，缩写为RE），又译为正则表达式，正则表达式，在计算机科学中，是指用于描述或匹配一系列句法规则的一系列单串字符串. 在许多文本编辑器或其他工具中，正则表达式通常用于检索和/或替换满足特定模式的文本内容。许多编程语言都支持使用正则表达式进行字符串操作。例如，强大的正则表达式引擎内置于 Perl 中。正则表达式的概念首先由 Unix 中的工具（如 sed 和 grep）普及。

　　Beginner Web：介绍前端开发中用到的一些基本概念和技术

　　S - 源代码控制

　　源代码管理也称为版本控制，是一种软件工程技术，以确保不同人编辑的相同程序文件在软件开发过程中保持同步。软件设计者经常使用版本控制来跟踪和维护源代码、文件、配置文件等的变化，并提供控制这些变化的程序。在最简单的情况下，软件设计者可以自己保留一个程序的许多不同版本，并对其进行适当的编号。这种简单的方法已在许多大型软件项目中使用。这是实现目标的一种方式，但效率不够高。除了同时维护很多几乎相同的代码备份；并且极度依赖软件设计师的修养和开发纪律，

　　有时需要同时拥有两个以上版本的程序。例如，在一个部署版本中，程序错误已被纠正，但没有添加新功能；在另一个开发版本中，正在添加新功能。开发过程中也有新的bug需要解决，需要同时进行不同的版本和修订。此外，为了找出只存在于特定版本中的程序错误，或者找出程序错误发生的版本，软件调试器还必须比较不同版本的代码，才能找到问题所在。

　　T—TDD

　　测试驱动开发是一种现代计算机软件开发方法。使用测试来驱动软件程序的设计和实现。试驾在 1990 年*敏*感*词*始流行。测试驱动开发是极限编程中提倡的一种程序开发方法。方法主要是先编写测试程序，然后编写代码使其通过测试。测试驱动开发的目的是获得快速反馈并使用“说明主线”的方法来构建程序。

　　测试驱动开发的类比。发展可以从两个方面来看待：实现的功能和质量。测试驱动开发更像是两帽思维的开发方法。首先，戴上实现功能的帽子，借助测试快速实现正确的功能；然后戴上重构帽，在测试的保护下通过拆除。冗余重复的代码提高了代码的复用性，实现了质量的提升。可见，测试确实是测试驱动开发的核心，贯穿于整个开发过程。

　　U - 单元测试

　　单元测试（也称为模块测试）是对程序模块（软件设计的最小单元）的正确性验证的测试。程序单元是应用程序中最小的可测试部分。在过程式编程中，一个单元是单个程序、函数、进程等；对于面向对象编程，最小的单位是方法，包括基类（超类）、抽象类或派生类（子类）中的方法。

　　一般来说，程序员每次修改程序都会至少进行一次单元测试。很可能在编写程序的过程前后进行多次单元测试，以验证程序是否满足软件规范（en:Specification）要求的工作目标，没有bug；虽然单元测试不是必须的，但也不错，它涉及到项目管理的政策决定。

　　V——VIM

　　Vim 是从 vi 发展而来的文本编辑器。代码补全、编译、错误跳转等编程功能尤为丰富，被程序员广泛使用。与 Emacs 并肩成为类 Unix 系统用户最喜爱的编辑器。Vim 的第一个版本是由 Bram Moolenaar 于 1991 年发布的。最初的缩写是 Vi IMitation。随着功能的不断增加，正式更名为Vi IMproved。它现在是在开源代码下发布的免费软件。

　　W — WordPress

　　WordPress 是一个使用 PHP 语言开发的博客平台。用户可以在支持 PHP 和 MySQL 数据库的服务器上建立自己的博客。您还可以将 WordPress 用作内容管理系统 (cms)。WordPress 是一个免费的开源项目，授权在 GNU 通用公共许可证下发布。最新版本是2011年2月24日发布的3.0.5官方简体中文版，另外还有包括英文在内的多国语言。

　　X——XSS

　　跨站脚本攻击（通常称为XSS）是一种针对网站应用程序的安全漏洞攻击，允许恶意用户向网页中注入代码。其他用户浏览网页时会受到影响。此类攻击通常包括 HTML 和用户端脚本语言。

　　Y——YUI

　　雅虎！UI Library (YUI) 是一个开源的 JavaScript 函数库。为了创建高度交互的网页，它使用了 AJAX、DHTML 和 DOM 等代码技术。它还收录许多 CSS 资源。

　　Z - Z 索引

　　Z-Index 是一个 CSS 属性，用于设置元素的堆叠顺序。具有较高堆叠顺序的元素将始终位于具有较低堆叠顺序的元素之前。该属性设置定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区域的轴。如果是正数，则离用户更近，如果是负数，则离用户远。