前不久，在一次参加中国制造网交互设计师的面试时，面试老师Lancy曾提到过语义的概念，虽然之前也看到过相关的文章，但读来读去总有种腾云驾雾丈二和尚的感觉，看不到也摸不着，遥不可及胜不可测。先看看这个抽象的解释吧。数据的含义就是语义。简单的说，数据就是符号。数据本身没有任何意义，只有被赋予含义的数据才能够被使用，这时候数据就转化为了信息，而数据的含义就是语义。语义可以简单地看作是数据所对应的现实世界中的事物所代表的概念的含义，以及这些含义之间的关系，是数据在某个领域上的解释和逻辑表示。那么，如此推断下来，所谓的520、1314、886之类已被赋予特定含义的数据就是语义的表现了？我不确定。万维网办事处总管Ivan Herman是这样定义“语义网”的，它是以metadata为基础去辨解网的设施，以现时的网再伸延(而并非取代它)。把图的意思以文字来表达 (于可读性来说十分重要)，加入metadata来解释图像的内容，让工具利用metadata来自行识别这个图像的含义。Web2.0的出现使原始的Web技术摆脱了主要供人进行阅读的局限，真正实现了网民翻身作主人的梦想，更深层次的应用也开始涌现，电子商务智能化服务的发展就充分证明了这一点。但是，就在我们这些凡人开始感叹Web2.0的无穷魅力，痴迷于RSS、Tags等等Web2.0的代表性产物时，却被当头“泼了一盆冷水”，但这盆冷水并没起到清醒头脑的作用，因为他们都像石灰似的，被冷水一浇，就更是升温起来了。这盆冷水就是万维网之父Tim Berners Lee等人所倡导的语义Web定义了。他们认为：语义Web不是产生一种新的Web，而是针对现有Web的扩展，Web中的信息语义被良好定义，使人与人、人与计算机之间能够更好地协同共工作。我们现在能够用搜索引擎搜索到的海量网页数据中，绝大多数的内容都是来源于网站数据库中的数据，因此在现在的万维网中共享的不是网页内容，而是数据库内容。语义Web又是怎么改善这些问题的呢？在语义Web中，处理的对象不再是以超级链接连接的页面文本，而是具有一定语义超链接的数据内容；进而，万维网成为一个语义关联的数据网络，人们能够像使用数据库那样在万维网上获取到所需的知识。语义Web(semantic Web)中有太多的不明白何太多的问号。RDF(Resource Description Framework) 、OWL(Web Ontology Languages)、SPARQL Protocol and RDF Query Language，光是这些抽象的名词，就够我们慢慢琢磨研读了。而且现在的语义Web好像也仅仅是理论占上风吧，因为我们至今还没看到语义Web大大方方的实际应用（也可能是我孤陋寡闻也不一定）。看看这些伟大的设想，或许能让我们对语义Web的信心更足一点吧！在今后的十年中，Web技术将得到改善，可以实现在文档中嵌入语义结构，帮助人们更方便用结构化的受控词表和本体建立Web中的词汇、概念和关系。同时，语义Web的研究与应用是一个逐步演化的过程。预计到2012年，基于语义的超文本技术将成为普遍使用的Web技术，在特定领域中，大型领域本体将建立起来，形势化地描述领域内的概念和及其之间的复杂关系，在此基础上，实现基于语义的各类服务。预计到 2017年，期望Tim所给出的语义Web的远景能够初步实现。这时，Web上80%的内容都已采用语义超文本技术，将信息资源转换为语义内容的技术也已经成熟。相信，随着Web上支持语义的各类标识语言和支持工具不断成熟，语义Web技术逐渐被广泛应用并产生社会和经济效益，一个能够为人们更好地提供知识共享、更加自动化和智能化地为人提供服务的Web平台终将实现。读了写了这么多，对于语义Web，我还是觉得跟它没有任何的沾亲带故的关系？为何？我也想知道。一段语义Web的入门级视频介绍，可能会对你有用。

1. 输入控件的自动聚焦和可用键盘切换输入焦点使用JavaScript实现页面加载完成后立即自动聚焦(focus)到第一个输入控件。可用TAB键（IE缺省实现）或方向键切换聚焦到下一个输入控件。
2. 可用Enter（或Ctrl＋Enter）键提交，确保和点击提交按钮的效果是相同的不要在提交按钮上加入onClick=”…”这样的JavaScript代码。
3．鼠标动作提示和回应对用户的鼠标定位操作，当移动到可响应的位置上时，应给予视觉或听觉的提示。
4．尽可能早的在客户端完成输入数据合法性验证输入数据的合法性检验应该在客户端使用JavaScript进行验证。除非验证只能在服务器端完成，否则验证工作应在最早能完成的情况下进行。
5．根据应用场景决定在表单页面和提交后返回页面间是否使用中间过渡页面根据应用场景，决定是否显示接收表单页面（表单页面和提交后返回页面间的中间过渡页面），以及使用何种方式显示接收表单页面。
6．防止表单重复提交处理对提交按钮点击后做变灰处理避免在网络响应较慢情况下用户重复提交同一个表单。使用页面过期失效避免用户后退浏览重复提交表单。
7．页面链接是打开新窗口、使用原窗口还是弹出窗口的原则一般而言，首页上链接可以使用target=”_blank”属性打开新窗口，而其他页面上的链接都应使用原窗口或弹出窗口。如果链接页面内容相对原页面来说不重要，是附属性质的，可以使用弹出窗口方式。
8．尽可能少的排列可选项，尽可能少的安排操作步骤根据用户操作习惯安排尽可能少的操作菜单选项，同时要保证尽可能少的操作步骤。
9．操作逻辑无漏洞，保证数据是操作安全的多个页面间的操作和同个页面上的多个操作间的逻辑关系在设计上是安全和严谨的。保证不会出现不被允许的用户操作组合，至少不会因为用户的不适当的操作导致出错。转载于[优艾网]

在Icon图标的推介中，菠菜已罗列过不少的实用性非常强的内容，因为大家都知道在页面设计过程中经常会 用到很多用来修饰页面细节或是提高用户辨识度的相关Icon图标，要想自己去一个个的设计出来，还真的是有些为难。本文为大家介绍的这一系列Icon图标主要是用于WEB应用程序开发，当然也是可以应用到日常的WEB页面设计过程中的，希望对你有用。WEB应用程序Icon图标下载地址：300+Web-Application-Icon.zip