1、 HTML和XML语言基础
网页代码语言的基础是HTML。HTML(Hyper Text Markup Language,超文本标记语言)是用于编写网页的主要标记语言,可使用任意的文本编辑器(如Windows中的记事本等)进行编写,以纯文本形式存储,现在主要以“html”为扩展名。HTML不同于传统的编程语言,它是一种标记语言,通过一套已经制定了标准的标记标签来描述网页的内容,侧重点在于网页信息数据的呈现,并不具备处理数据问题的逻辑能力。通过HTML标签,文字、图形图形、音频、视频等数据媒体(即超文本)都能够在浏览器端进行各种自定义样式的展现。简单讲就是数据在浏览器上的显示。
不同于HTML用于数据的显示,XML则是被设计用来传输和存储数据。XML指可扩展标记语言(EXtensible Markup Language),同HTML一样是标记语言,也是以纯文本形式进行存储,但不同于HTML显示数据,XML的设计宗旨是传输数据。因此XML相较于HTML更没有任何行为能力,为了更方便用户传输数据,其标签具有自我描述性并且没有预定义标签。
HTML和XML都是独立于软件和硬件的标记语言,在主流的操作系统上都能够运行。主要考虑因素为浏览器对语言更新版本的兼容问题,虽然在各类操作系统上都能够编写运行,但是由于依赖于浏览器的解析展现,受浏览器的制约因素比较大。比如,在HTML5起草标准的时候,IE浏览器的老版本对部分标记标签是不支持的。
2、 JavaScript动态交互
在浏览器端,页面数据的展现主要是通过HTML来实现,但是单纯的数据展现在实际应用当中只是最基础的功能,用户进一步的需求是网页页面展现得更好看,能够实现页面内数据的交互。因此,客户端脚本语言JavaScript作为编写网页动态交互的脚本语言而被设计开发出来,同时当下绝大多数的网页动态交互技术(如jQuery、AJAX等)都是基于JavaScript的。与HTML不同,JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对页面内数据信息做出响应。文献综述
JavaScript的最大特点就是灵活。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,设计简单紧凑,编写自由灵活;同HTML一样,JavaScript不依赖于操作系统,仅需要浏览器的支持,目前大多数浏览器都已经支持JS;JavaScript通过嵌入在HTML中实现自身的功能,可以直接嵌入在.html文件当中,也可以写成单独的js文件便于页面结构和行为的分离。
3、 CSS网页样式
HTML用于页面数据的展现,JavaScript用于页面内数据的动态交互,而CSS则用于页面数据的更好的展现。简单的HTML页面在浏览器展现出来时会显得十分简单、难看,而CSS就是为了能够让CSS页面更好看被设计开发的。CSS指层叠样式表(Cascading Style Sheets),定义用于显示HTML元素的样式。网页元素样式可直接嵌入.html文件当中,但是为了提高工作效率以及优化网页源代码的结构,一般样式表都是以.css文件独立存储。现在主流的浏览器均支持CSS。