前端三剑客_HTML

前端三剑客

一、软件的架构

1、C/S（客户端/服务器端）

1. 一般我们使用的软件都是C/S架构；

2. 比如系统中的QQ、360……；

3. C表示客户端，通过客户端来使用软件；

4. S表示服务器，服务器负责处理软件的业务逻辑；

5. 特点：

   1. 软件使用前必须的安装；
   2. 软件更新是，服务器和客户端的同时更新；
   3. C/S架构的软件不能跨平台使用；
   4. C/S架构的软件客户端和服务器端通信采用的自有协议，相对来说是比较安全的。

2、B/S（浏览器/服务器）

1. B/S本质也是C/S，只不过B/S架构的软件，使用浏览器作为软件的客户端；
2. B/S架构软件通过使用浏览器访问 页的形式来使用软件；
3. 比如：京东、淘宝……
4. 特点：
   1. 软件不需要安装，直接使用浏览器访问指定的 址即可；
   2. 软件更新时，客户端不需要更新；
   3. 软件可以跨平台，客户端和服务器之间通信采用的使用HTTP协议，相对来说不安全；

3、软件开发流程

• 结构
  • HTML用于描述页面的结构；
• 表现
  • CSS用于控制页面中元素的样式；
• 行为
  • JavaScript用于响应用户操作；

这一阶段我们主要学习HTML和CSS的基础知识，主要的内容有：HTML、CSS、 页布局。

5、万维 联盟（W3C）

• 万维 联盟World Wide Web Consortium；
• W3C专门为了定义 页相关的标准而成立；
• W3C定义了 页中的HTML、CSS、DOM、HTTP、XML等标准；

6、WHATWG

• 页超文本应用技术工作小组（WHATWG）
• 是一个以推动 络HTML5标准为目的而成立的组织。在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

二、HTML

• HTML（Hypertext Markup Language）超文本标记语言；
• 它负责 页的三个要素之中的结构；
• HTML使用标签的形式来标记 页中的不同组成部分；
• 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

1、HTML注释

2、属性

可以通过属性来设置标签，以及如何处理标签中的内容。可以在开始标签（标签通常是成对出现，前面的标签称为开始标签）中添加属性。属性需要写在开始标签中，实际上就是一个键与值（属性名 = “属性值”）的形式，一个标签中可以同时设置多个属性，属性之间需要使用空格隔开。

3、HTML的发展

• 1993年6月，HTML第一个版本发布；
• 1995年11月，HTML2.0；
• 1997年1月，HTML3.2（W3C推荐）；
• 1999年12月，HTML4.01（W3C推荐）；
• 2000年底，XHTML1.0（W3C推荐）；
• 2014年10月，HTML5（W3C推荐）；

4、doctype

• HTML总共有那么多的版本，而且这其中至少有三个版本（H4，XHTML，H5）在广泛使用，那么浏览器怎么知道我们使用的是哪个版本呢/li>
• 为了让浏览器知道我们使用的HTML版本我们还需要在 页的最上面添加一个doctype声明，来告诉浏览器 页的版本。

html4：

HTML5：

• 我们会发现HTML4.01和XHTML的文档声明十分的麻烦，不过不用担心以上的内容我们都不使用，我们使用的是HTML5的文档声明，而且非常简单：

5、怪异模式

• 为了兼容一些旧的页面，浏览器中设置了两种解析模式：

  标准模式（Standards Mode）

  怪异模式（Quirks Mode）

• 怪异模式解析 页时会产生一些不可预期的行为，所有我们应该避免怪异模式的出现。

• 避免怪异模式的最好方法就是在页面中编写正确的doctype。

6、乱码问题

• 编码：依据一定的规则，将字符转换为二进制编码的过程。

• 解码：依据一定的规则，将二进制编码转换为字符的过程。

• 字符集：编码和解码所采用的规则，我们称为字符集。

• 常见的字符集：

  • ASCII、ISO-8859-1、GBK、GB2312（中文系统的默认编码）、UTF-8（万国码，支持地球上所有的文字）。

产生乱码的根本原因是：编码和解码采用的字符集不同。

在中文系统的浏览器中，默认都是使用GB2312进行解码。

ANSI：自动以系统的默认编码来保存文件，如记事本的编码格式。

7、HTML常用标签

8、HTML实体

9、Meta标签