web前端（2）—— 前端技术介绍

前端技术

前文了解了什么是前端，那么前端技术到底有哪些呢？最核心的就这三个：

html/html5
css/css3
javascript

什么是HTML

HyperText Markup Language，超文本标记语言，标准通用标记语言下的一个应用

那么超文本标记语言又是什么呢？哈哈，没完没了是吧，学习就是要这种没完没了的劲。

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页

如果朋友们如果不信的话，你浏览器打开百度首页，然后在任意空白位置，鼠标右键-查看源代码：

然后会打开一个新的界面：

好的，下面黑色的字符暂时不看，看那些有颜色的字符，<html>，<head>，<link>这些之类的字符就是超文本标记语言，而网页就是这些超文本标记语言组合而成的，在后面的文章我们就会详细的介绍html

html5

html的第五次重大改进版，支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力

html5在移动端的前端页面设计很占优势，在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎，这个你可以想一想，JS是很牛气的，在移动端html5能js相提并论，这个功用性不用多说了

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准，开发人员可以轻松调试修改

然后如果你是网络重度用户，尤其是经常看视频，相信你应该见过html5加速吧，是的，他还可以很好的支持视频播放之类的。总之功能很强大

什么是css

Cascading Style Sheets，层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力

还是上面那个截图，下面那些黑色的字符就是css

这个css会在html介绍完之后就会介绍

css3

css3是css的升级版，主要包括了盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块，在css的基础上有了很多新的功能和样式。

CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时问支持不同特性，所以这也让跨浏览器开发变得复杂

在以后的css介绍中偶尔会用到一点点css3的特效

什么是javascript

JavaScript简称js，它一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript

其实，web前端里最重要的就是javascript，这个在css介绍之后会用大量的篇幅详细的介绍它

html，css，js之间的关系

记住这句话：html是网页结构，css是以什么形式表现网页结构，js控制网页结构的行为

这个各位可能不能很好的理解，但跟着后面的文章，相信你会慢慢意会这句话

转载于:https://www.cnblogs.com/Eeyhan/p/9941146.html