网站访问过程&HTML

flag：最终目标就是进入大厂成为一个优秀的前端攻城狮！

1.一个普通网站访问的过程

简单概括一下，对于我们普通的网站访问，总体来说分为以下几个过程:

1. DNS解析

2. TCP连接

3. 发送HTTP请求

4. 服务器处理请求并返回HTTP报文

5. 浏览器解析渲染页面

6. 连接结束

页面渲染：生成DOM树、解析css样式、js交互

2.html

HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

HTML 文本格式化  （粗体，删除样式等，需要时查w3school）

HTML 引用

HTML 引文、引用和定义元素

标签	描述
<abbr>	定义缩写或首字母缩略语。
<address>	定义文档作者或拥有者的联系信息。
<bdo>	定义文本方向。
<blockquote>	定义从其他来源引用的节。
<dfn>	定义项目或缩略词的定义。
<q>	定义短的行内引用。
<cite>	定义著作的标题

HTML 计算机代码元素

标签	描述
<code>	定义计算机代码文本
<kbd>	定义键盘文本
<samp>	定义计算机代码示例
<var>	定义变量
<pre>	定义预格式化文本

条件注释

您也许会在 HTML 中偶尔发现条件注释：

<!--[if IE 8]>
    .... some HTML here ....
<![endif]-->
复制代码

条件注释定义只有 Internet Explorer 执行的 HTML 标签。

HTML 支持有序(ol)、无序(ul)和定义列表(以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。)

什么是响应式 Web 设计？

• RWD 指的是响应式 Web 设计（Responsive Web Design）
• RWD 能够以可变尺寸传递网页
• RWD 对于平板和移动设备是必需的

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。

框架结构标签（<frameset>）

• 框架结构标签（<frameset>）定义如何将窗口分割为框架
• 每个 frameset 定义了一系列行或列
• rows/columns 的值规定了每行或每列占据屏幕的面积

iframe 用于在网页内显示网页。

 标签

<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。

头部head：    http://www.w3school.com.cn/html/html_head.asp  （meta base ）

HTML 字符实体 http://www.w3school.com.cn/html/html_entities.asp

用组合表单数据

下面是 <form> 属性的列表：

属性	描述
accept-charset	规定在被提交表单中使用的字符集（默认：页面字符集）。
action	规定向何处提交表单的地址（URL）（提交页面）。
autocomplete	规定浏览器应该自动完成表单（默认：开启）。
enctype	规定被提交数据的编码（默认：url-encoded）。
method	规定在提交表单时所用的 HTTP 方法（默认：GET）。
name	规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate	规定浏览器不验证表单。
target	规定 action 属性中地址的目标（默认：_self）。

HTML 5

SVG

SVG 是一种使用 XML 描述 2D 图形的语言。

SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。

在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

Canvas

Canvas 通过 JavaScript 来绘制 2D 图形。

Canvas 是逐像素进行渲染的。

在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

转载于:https://juejin.im/post/5b59307a5188251b2621f112