部分内容展示

当前较为流行的、开放的Web前端开发技术是HTML5，HTML5从狭义方面来说是HTML的升级版，广义方面来说主要包括三大基本要素，即HTML、CSS、JavaScript等。其中，HTML用于实现页面框架、CSS用于实现页面样式、JavaScript用于实现页面交互，三者之间低耦合，几乎可以同时进行开发，不仅开发时间短、成本低而且扩展性强。前端开发工程师利用这些前端技术能给用户开发出具有良好体验的网页、Web应用程序或者移动应用程序的人机交互界面等，因此本文采用HTML5技术开发中药植物展示系统。

1.1 HTML简介

HTML，为Hypertext Markup Language的简称，不是一种编程语言，而是超文本标记语言，用于标记构成网页的文档。通常约定，一个网页对应一个html文件，该文件的扩展名为.html或者.htm。一个标准的html页面结构包含“head”和“body”这两个标签元素。“head”标签元素用来宣告一些网页的基本信息，包括页面内容使用编码的宣告、页面标题的宣告、样式表的宣告、脚本语言代码的宣告等，一般不在页面中显示；“body”标签元素用于显示网页中具体内容。
相比之前的HTML4中需要通过Flash或其它第三方插件来实现多媒体播放，HTML5添加了用于媒介回放的<video>和<audio>标签，能够替代之前的播放插件，使网页添加和处理多媒体内容变得更加容易，能实现更加炫酷的网页界面效果；HTML5之前的版本，需要通过Java Script编写脚本让文本框获得光标焦点，但是对HTML5，只需要添加元素属性标签就可以了，从而使书写HTML代码变得更加简洁清晰，创建web前端程序也更加简单。当前流行的浏览器，例如Google Chrome、Firefox、Internet Explorer9、Opera、Safari（版本4以上）都支持HTML5技术。

1.2 CSS简介

CSS，英文全称为CascadingStyleSheets，中文翻译为层叠样式表单，是用于表达HTML或XML等样式文件的一种计算机语言。CSS的主要功能是依据DOM元素的结构，一级一级层叠式的修改DOM元素的外在表现形式以及其布局，真正实现了表现层和网页内容的分离，缩短了浏览器的加载时间，是目前为止应用范围较为广泛的样式设计语言。网页制作时采用CSS技术，可以有效地使HTML标签对象在界面中的布局、背景、位置、字体、颜色和其它效果得到更加精准控制。
当一个HTML元素被多个样式选择器定义而发生冲突的时候，CSS通过一个叫做层叠（cascade）的过程来处理这种冲突。层叠给每个规则分配一个重要程度指数，其优先级排序依次为：外部样式<内部样式<行内样式。这些问题在开发时经常会遇到，需要特别注意。随着HTML5标准规范的提出，CSS也相应的升级到了CSS3最新版本。