web前端开发的点点滴滴---1.HTML介绍

HTML介绍

HTML是HyperText Markup Language的缩写，中文翻译为“超文本标记语言”，它就是我们通常所说的网页，是网站的建设的基础。HTML是一个纯文本文挡，与XML语言类似，通过结构化的语法将文本、图片等元素以不同的颜色、大小、等属性来呈现给用户，并通过超链接和javascript脚本语言与用户进行交互（既通过用户的点击或其他动作将请求发送给服务器并反馈处理结果）。HTML分为静态页面和动态页面，静态页面通常保存为html或htm文挡，而动态页面则由服务器端语言决定，如php、jsp等，一个网站通常包含多个html文挡。

静态HTML页面交互流程

交互流程图：

1.用户通过浏览器向服务器发送访问请求。

2.服务器返回HTML文本。

3.浏览器接收HTML文本，并通过HTML解释器解释HTML代码生成DOM树。

4.浏览器通过分析DOM数并加载呈现HTML文档所需要的资源，如图片、JS脚本、CSS样式表，并执行相应的JS脚本。

5.浏览器将解析好的界面呈现给用户。

6.用户点击界面元素实现交互并重复第1步。

动态HTML页面

动态页面即根据请求参数动态实时生成的页面，与静态页面不同的部分主要在服务器端，浏览器端行为与静态页面一至。它的交互流程如下：

1.服务器接收浏览器的访问请求。

2.服务器分析请求，如果有需要，则向数据库查询或存储数据。

3.服务器生成HTML文档，并响应给浏览器。

4.浏览器解释渲染呈现给用户（参考静态HTML页面交互流程）。

PS:

简单的可以看成浏览器从服务器下载了一个纯文本文件，通过这个文本文件的内容页在面上显示出不同的元素。

而这个纯文本文件可以是一个静态的，已经写入磁盘的文件，也可是动态的，根据请求地址中的参数实时生成的文件。

流行版本

目前主要流行使用的HTML规范是HTML 4.01和HTML 5。