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

网站访问过程HTML相关推荐

  1. 网站访问过程理解(一点记录)

    一个普通网站访问的过程 简单概括一下,对于我们普通的网站访问,涉及到的技术就是: 用户操作浏览器访问,浏览器向服务器发出一个 HTTP 请求: 服务器接收到 HTTP 请求,Web Server 进行 ...

  2. HTTP访问一个网站的过程详解

    访问一个网站的过程详解 例如访问:http://www.baidu.com HTTP请求的准备 浏览器会将www.baidu.com这个域名发送给DNS服务器,让它解析成IP地址.由于HTTP是基于T ...

  3. WEB网站访问的过程

    用户访问网站的基本流程(6个阶段): DNS解析   tcp三次握手  http请求报文  网站集群内部处理数据的一个过程   http响应报文  tcp四次挥手断开的过程 DNS解析过程 1)DNS ...

  4. 网络基础 - 用户访问一个网站的过程的描述

    网络基础 - 用户访问一个网站的过程的描述 1.当我们打开浏览器输入网址回车,到看到网页页面.  是一个非常复杂的过程,听我细细道来: DNS解析 大家都知道,计算机之间只能通过ip相互通信,因为ip ...

  5. Java基础-Tomcat虚拟主机的配置之网站访问的过程和虚拟主机的配置

    Tomcat虚拟主机的配置之网站访问的过程和虚拟主机的配置 网站的访问过程: 虚拟主机的配置: 什么是虚拟主机?  虚拟主机:在电脑上设置一个目录,使用一个名称与该目录进行绑定.这个路径称为是虚拟主机 ...

  6. 浏览器访问网站的过程

    浏览器访问网站的过程: 1.DNS解析: (1)为什么进行DNS解析? 域名解析是将域名指向网站空间IP,让人们通过注册的域名可以方便地访问到网站的一种服务.对于网站来说,在经过域名解析这一流程后,网 ...

  7. squid正反向代理-加快网站访问速度

    配置squid代理服务器加快网站访问速度 一:squid服务概述   Squid cache(简称为Squid)是一个流行的自由软件(GNU通用公共许可证)的代理服务器和Web缓存服务器.Squid有 ...

  8. 网站推广过程中如遇网站降权应从网站推广中哪些细节着手分析?

    通常站长在运营优化期间难免遇到网站被搜索引擎降权的情况发生,这不仅会对网站日常优化工作带来影响,更会影响用户对网站的日常访问.但是想要恢复网站权重也不简单,那么面对网站降权问题,站长应如何分析呢?下面 ...

  9. 以营销型网站为例,网站建设过程中需要注意哪些问题?

    想必熟知网站建设流程的朋友深知运营好一个网站有多难,不仅要求网站建设基础稳固,更对后期优化维护人员有着多方面的要求,一旦某一个环节崩塌网站的倾覆只在一瞬间.那么以营销型网站建设为例,我们在完成网站建设 ...

最新文章

  1. centos7 选定默认启动内核,及删除无用内核
  2. Linux系统结构学习
  3. php笔记之表单验证
  4. WebService实例-CRM系统提供WebService实现用户注册功能
  5. 调查内存泄漏第1部分–编写泄漏代码
  6. 并行DA实验c语言程序,哈工大C语言DA实验报告.doc
  7. feather 设置坐标刻度_matplotlib学习记录:调整刻度范围和刻度标签
  8. 丹佛斯变频器型号说明_台达变频器VFD-CH2000型号说明及功能介绍
  9. java怎么运行_不要再问我Java程序是怎么执行的了!
  10. python程序设计基础电子书_python程序设计基础 pdf下载
  11. mysql动态脱敏查询_数据库动态脱敏
  12. 使用js创建a标签下载文件
  13. 个性字体头像在线图片生成下载网址
  14. gstreamer协商negoation
  15. java swing界面设计_java swing界面设计
  16. linux数据库删除命令大全,linux删除数据库命令
  17. 动态规划初级篇(上)
  18. WPS文字设置奇偶页眉、下划线的方法步骤
  19. C++ 学习笔记(22) Builder Pattern
  20. 4054原厂LTH7R座充充电管理IC

热门文章

  1. Java运行原理研究(未完待续)
  2. 【读书笔记】the TeXBook 1
  3. 碰撞检测技术:kd tree
  4. Mac安装webpack报错gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1解决
  5. 在java中对null的理解
  6. httplib java_httplib发布调用错误
  7. 2013年4月管理计算机应用,全国2013年4月高等教育自学考试管理系统中计算机应用试题及答案...
  8. redhat linux 9.0 拷贝u盘的文件,肿么用U盘安装Linux,安装的是red hat 9.0…用Ubuntu很方便,redhat可以吗?...
  9. java tls 证书_在使用Java 8重新协商TLS_1.2期间,服务器证书更改受到限制
  10. shell执行docker命令卡挂住_Docker官方文档翻译4