web前端(2)—— 前端技术介绍

时间:2021-02-21 08:53:20

前端技术

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

  • html/html5
  • css/css3
  • javascript

 

 

什么是HTML

 

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

 

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

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

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

 

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

web前端(2)—— 前端技术介绍

 

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

web前端(2)—— 前端技术介绍

 

 好的,下面黑色的字符暂时不看,看那些有颜色的字符,<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

web前端(2)—— 前端技术介绍

 

这个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控制网页结构的行为

 

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