今天的环境相比过去已经是一百倍的复杂，因为我们在网络上使用工具和框架，语言和库的开发使得一切进步飞快。

设计师 —— 即使是专业的网页设计师，也必须努力保持对所有不同的专业术语和技术的理解，所以在这里我们给出了10个最重要的网页设计方面的术语，每个人都应该有起码的了解。

1、HTML、CSS & JavaScript

(HTML表示超文本标记语言，而HTML5是最新版本)

HTML

HTML代表超文本标记语言，而且是web语言。

简而言之，HTML为网页设计师提供了一种方式，告诉浏览器如何处理一个特定的内容。HTML包含许多不同的标签，允许设计师通过语义标记使段落被识别为浏览器文本，而且允许图像输入等。

CSS

HTML不足以创造出漂亮的网页。但是，层叠样式表(CSS)为设计师提供了创建一个可视化的规则集，确定不同的元素在一个Web页面上通过浏览器被呈现在屏幕上的方法。

CSS能做到的事情是，比如文本的颜色，背景，大小，形状和页面中的所有不同部分的位置被设置。

JavaScript

最后，JavaScript(顾名思义)脚本语言允许设计者在网页上创建的交互作用。

历史上的JavaScript，主要用于表单验证，比如你忘了在手机中输入您的电话号码，那些烦人的警告框就会弹出来。现在有很多可用性更高的JavaScript，包括特殊的视觉效果，或无需重新加载整个页面直接加载新内容的能力。

要注意的一件重要的事情是，尽管它的名字看起来和java有点相似，但JavaScript和Java编程语言没有任何关系的。

2、Responsive design(响应式设计)

(响应网页设计正迅速发展为所有的网页设计里的标准方法)

关于响应式设计的概念，你不能错过。在过去的几年里这一直是各地web真正的时髦词语，而且根本停不下来!客户甚至已经开始要求设计师必须设计响应式网站，在还没充分了解它的概念时就这么干了!

简单来说，响应的设计是一个适应用户各种设备的一种模式。在理想环境下，用户的上下文中，它显示最适当的和易于理解的方式所需的内容，不管什么样的网络，连接的设备都可用来查看。在实践中，这意味着一个Web页面将重新划分为各种分辨率所需，而移动端也有自己的尺寸和排版。

请注意，响应的设计概念不是简单地重新设计内容。

3、Semantic markup(语义标记)

(语义标记是一种内容编码)

HTML的标记标签描述的内容也提供关于本身的内容相关的元数据。例如，一条信息，是一个网页的主要内容相关的，但不是直接主体的页面内容，可能会被标记为<aside>。

虽然这听起来像是一个明显的最佳实践方法，以及Web当然是工程语义的思想，但是使用这种方法并不总是简单的…

早期语义标记

在网络发展的早期，可用的HTML标签的数量是有限的。许多确实存在纯粹的语义性质的标签：例如<p>标签——用于标记段落的内容。

随着时间的推移，设计师想要推出更具有意义的页面元素时，在其最纯粹的形式语言的界限里面，<table>标签和< td >标签倍受欢迎，这是用来标记表格数据，并重新创建柱状布局的可靠的解决方案。

同时，设计师开始依赖于一个特定的标签来定义他们的内容，作为默认的视觉特征，而不是重新用语义设计标签。作为一个规范，大的粗体文本往往呈现为一个标题标签（＜h1＞，＜h2＞，＜3 >等）的标签，而不是<strong>或< em > 等加粗标记。