HMTL(Hyper Text Markup Language 超文本标识语言)是一种用来制作超文本文档的简单标记语言。HTML的上一个版本诞生于1999年。自从那以后,Web世界已经经历了巨变。如今,HTML5正处于完善之中,是W3C与WHATWG合作重建的。HTML5中添加了有趣的新特性,用于绘画的canvas元素,用于多媒体应用的video和audio元素等等。。
![](https://box.kancloud.cn/2016-08-19_57b6bd2537c93.jpg)
经过几天的了解,我对HTML有了初步的认识,在网站的设计中,网页是构成网站的最基本的元素,HTML语言就是用来搭建网页的框架。用HTML语言编写的WEB文件会存储于某台服务器中,用户通过互联网搜索,从而获取WEB文件,网页通常分为两类动态网页和静态网页。那么二者之间有什么联系和区别呢?在说明动态与静态的区别之前,先讲一个动态HTML的概念,跟动态网页区别开。
## --动态HTML VS 动态网页:
顾名思义,动态HTML是指含有动态特效的页面,主要包括客户端脚本语言,CSS和文档对象模型。能独立在客户端处理用户发出的请求,改变其页面、内容和位置,并呈现给用户看。所有的操作都只在客户端进行,不需要向服务器请求让服务器来处理。动态网页主要是指服务器端脚本程序,它们只有在接受了客户的访问请求之后,在服务器端生成后传回到客户端的浏览器上。由此可见,我们理解的“能动”的HTML,并不一定都是动态网页。
## --动态网页VS静态网页:
- **编程技术不同**
由上边的介绍我们知道了动态网页跟网页的动态内容是不可以混为一谈的,所谓的动态网页是指利用了HTML语言、其他高级程序设计语言和数据库技术生成的网页。静态网页是指随着HTML代码的生成,网页的内容和显示效果是不能改的了,除非改变HTML代码。
- **传输速度不同**
这里讲网页的传输速度不同,一定是因为二者的传输方式不同导致的。动态网页,需要根据用户的请求进行动态的编译过程,也就是说这个网页不是现成的,而是动态生成的,这就需要有多个读取过程,每次数据的交互都会大大降低用户的访问速度。而相反静态网页,由于网页上面的内容是直接存储在服务器端的,用户的请求发出,直接生成在客户端的浏览器,省去了服务器的编译过程。由此得知,静态网页的传输速度更胜一筹。
- **后期维护工作量不同**
静态网页都是写死的,没有数据库的支持。如果要进行更改,必须对源代码进行重新修改,需要的工作量更大。
这个问题是上周潇峥师傅问我的,没有答上来,这里做个小总结。
下面就是我的HTML的总结。
![](https://box.kancloud.cn/2016-08-19_57b6bd254f471.jpg)
HTML要三大基本要素,有了标签、属性、元素的完美配合,我们就可以写出一个网页的基本框架了。自己也只是记住了一些常用的标签,不常用的等用到的时候再查查吧。
## --总结:
在HTML的学习过程,感觉就是牛腩的复习,实践之后带着问题去学习理论知识,B/S的学习思路我现在才悟道啊。这些也只是基础皮毛,重在实践。