汉英对照:
Chinese-English Translation:
前端（网站前端/Web前端）即网站前台部分，运行在PC移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。
The front end (website front end / web front end) is the front part of the website, which runs on the PC mobile terminal and other browsers to show users the web page. With the development of Internet technology, the application of HTML5, CSS3, front-end framework, cross platform responsive web design can adapt to all kinds of screen resolution, appropriate dynamic design, and bring users a very high user experience.
前端即网站前台部分，运行在 PC 端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。
The front-end is the front-end part of the website, which runs on the PC end, mobile terminal and other browsers to show users the web page. With the development of Internet technology, the application of HTML5, CSS3, front-end framework, cross platform responsive web design can adapt to all kinds of screen resolution, appropriate dynamic design, and bring users a very high user experience.
网站前端
Website front end
前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的 HTML 和 CSS 以及 JavaScript/ajax，最新的高级版本 HTML5、CSS3，以及 SVG 等。
Front end technology is generally divided into front-end design and front-end development. Front-end design can generally be understood as visual design of website, while front-end development is the front-end code implementation of website, including basic HTML and CSS, JavaScript / Ajax, the latest advanced versions HTML5, CSS3, SVG, etc.
核心技术
core technology
HTML、CSS、JavaScript
HTML、CSS、JavaScript
这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML 将元素进行定义，CSS 对展示的元素进行定位，再通过 JavaScript 实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。
The three most basic skills must be developed. In the front-end development, when the page layout, HTML defines the elements, CSS locates the displayed elements, and then realizes the corresponding effect and interaction through JavaScript. Although it seems simple on the surface, there is absolutely no lack of things to master. Before development, these concepts need to be clarified and understood, so that they can be handy in the development process.
HTML
HTML
指的是超文本标记语言 (Hyper Text Markup Language)，这个也是我们网页最常用普通的语言了，经历了多个版本的发展，已经发展到 5.0 版了，得力于 W3C 建立的标准和规范，已普遍升级到了 XHTML，XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）， XHTML 于 2000 年的 1 月 26 日成为 W3C 标准，是更严格更纯净的 HTML 代码，XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的，XHTML 是作为一种 XML 应用被重新定义的 HTML，是一个 W3C 标准。W3C 将 XHTML 定义为最新的 HTML 版本。所有新的浏览器都支持 XHTML。
It refers to hypertext markup language (Hypertext Markup Language), which is also the most commonly used common language on our web pages. After several versions of development, it has developed to version 5.0. Thanks to the standards and specifications established by W3C, it has been generally upgraded to XHTML. XHTML refers to Extensible HyperText Markup Language, XHTML was published in 2000 As a W3C standard, XHTML is a stricter and purer HTML code. XHTML aims to replace HTML. XHTML is almost the same as HTML 4.01. XHTML is redefined as an XML application and is a W3C standard. The W3C defines XHTML as the latest version of HTML. All new browsers support XHTML.
CSS
CSS
级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制 HTML 中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
Cascading style sheet (CSS) is short for “CSS”, also known as “style sheet”. It is used to design web page style. For example, if you want the link words to be blue when they are not clicked, and when the mouse moves up, the words become red and underlined, which is a style. By setting up style sheet, we can control the display properties of each mark in HTML. Cascading style sheets enable people to control the appearance of web pages more effectively. Using cascading style sheets, you can expand the ability to precisely specify the location, appearance, and special effects of web page elements.
JavaScript
JavaScript
是一种由 Netscape 的 LiveScript 发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如 Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有 28.8kbps，验证步骤浪费的时间太多。于是 Netscape 的浏览器 Navigator 加入了 Javascript，提供了数据验证的基本功能。
It is a case sensitive client-side scripting language developed from Netscape’s livescript, which is an object-oriented, dynamic type and case sensitive script language developed from Netscape’s livescript. The main purpose is to solve the speed problem left by server-side languages, such as Perl, and provide more fluent browsing effect for customers. At that time, the server needs to verify the data, because the network speed is very slow, only 28.8kbps, the verification steps waste too much time. So the browser navigator of Netscape adds JavaScript, which provides the basic function of data verification.
