Web 建站中用到的HTML、HTML5、XML、XHTML、CSS的基本概念？

首先要知道网站访问大概是什么个过程：

当我们在浏览器中输入一个网址，比如link.，浏览器就会加载出****的主页。它背后的访问过程如下：
（1）浏览器本身是一个客户端，当你输入URL的时候，首先浏览器会去请求DNS服务器，通过DNS获取相应的域名对应的IP
（2）然后通过IP地址找到IP对应的服务器后，要求建立TCP连接（三次握手）
（3）浏览器发送完HTTPRequest（请求）包后，服务器接收到请求包之后才开始处理请求
（4）在服务器收到请求之后，服务器调用自身服务，返回HTTPResponse（响应）包
（5）客户端收到来自服务器的响应后开始渲染这个Response包里的主体（body），等收到全部的内容随后断开与该服务器之间的TCP连接。下图为浏览器的一次完整的请求过程：

• HTML5与HTML、XML、XHTML的区别

一、什么是XML？ XML是元标识语言，用户可以根据自身的需要定义一些标记，拥有非常强的扩展性，其语法也比HTML严格，而且数据转换能力强大。它最初设计出来的目的就是为了弥补HTML的不足。虽然它也是一种语言，但是它部具备语言的基本特点–被计算机识别和运行。

二、什么是HTML？
这是一种用来制作超文本文档的简单标记语言，用其编写的文档通常后缀为html。HTML的作用就是用来展示页面的属性，如页面背景、页面内容等。
（附超文本：不仅可以添加图片、音频、视频、多媒体等，还可以从一个文件转到另外一个文件。）

三、什么是XHTML？
XHTML是2000年W3C公司发布的，它根本不需要编译可以直接有浏览器执行，属于浏览器解释语言，应该说是HTML的增强版，它的灵活性和扩展性会适应未来网络应用的更多需求。

四、什么是HTML5？
HTML5是对以上几种语言的优化，它化繁为简，避免了一系列的不必要复杂设计；而且向下兼容，它的兼容性是非常强的，它允许存在不严谨的语句写法。为解决了HTML中一些绘图、地理位置等无法实现的缺陷，开发了一系列用于web应用的借口

• CSS

当主机拿到一个 html 之后，就会对它进行解析渲染
浏览器拿到这些代码之后，分析一下给你渲染好页面显示出来，如果不用css，效果是这样的，按照浏览器默认的样式显示出列表、图片、超链接、输入框、按钮等等：

这样可能有些不太美观，所以很多时候我们需要自定义样式，现行通用的规定样式的语言是CSS，我们可以用它写一些定义样式的代码，然后在html 文件里用一个标签把这些规定样式的 CSS 代码与表达内容语义的 HTML代码关联起来，然后你就能看到一个符合人类正常审美的页面了:

css代码的基本格式是属性：值 ，
CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

CSS专门用于描述HTML中各元素用什么样式展示。HTML+CSS组合完成页面内容和格式的设计。很多人喜欢使用HTML中的一种标签格式

< div>

来规定页面内容，再利用CSS规定DIV标签在页面摆放格式形成页面布局，因此很多网站会提到DIV+CSS前端开发这个概念。CSS主要实现了页面内容的静态布局效果。虽然目前的CSS3标准的出现，使CSS强大到可以实现很多元素动态变化效果。但是，更复杂的动态变化还是需要另一种专门的语言来实现，这就是JS语言。具体的学习可以参考w3c的学习路线：link