网站访问过程HTML
flag:最终目标就是进入大厂成为一个优秀的前端攻城狮!
1.一个普通网站访问的过程
简单概括一下,对于我们普通的网站访问,总体来说分为以下几个过程:
DNS解析
TCP连接
发送HTTP请求
服务器处理请求并返回HTTP报文
浏览器解析渲染页面
连接结束
页面渲染:生成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 定义了一系列行或列
- 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相关推荐
- 网站访问过程理解(一点记录)
一个普通网站访问的过程 简单概括一下,对于我们普通的网站访问,涉及到的技术就是: 用户操作浏览器访问,浏览器向服务器发出一个 HTTP 请求: 服务器接收到 HTTP 请求,Web Server 进行 ...
- HTTP访问一个网站的过程详解
访问一个网站的过程详解 例如访问:http://www.baidu.com HTTP请求的准备 浏览器会将www.baidu.com这个域名发送给DNS服务器,让它解析成IP地址.由于HTTP是基于T ...
- WEB网站访问的过程
用户访问网站的基本流程(6个阶段): DNS解析 tcp三次握手 http请求报文 网站集群内部处理数据的一个过程 http响应报文 tcp四次挥手断开的过程 DNS解析过程 1)DNS ...
- 网络基础 - 用户访问一个网站的过程的描述
网络基础 - 用户访问一个网站的过程的描述 1.当我们打开浏览器输入网址回车,到看到网页页面. 是一个非常复杂的过程,听我细细道来: DNS解析 大家都知道,计算机之间只能通过ip相互通信,因为ip ...
- Java基础-Tomcat虚拟主机的配置之网站访问的过程和虚拟主机的配置
Tomcat虚拟主机的配置之网站访问的过程和虚拟主机的配置 网站的访问过程: 虚拟主机的配置: 什么是虚拟主机? 虚拟主机:在电脑上设置一个目录,使用一个名称与该目录进行绑定.这个路径称为是虚拟主机 ...
- 浏览器访问网站的过程
浏览器访问网站的过程: 1.DNS解析: (1)为什么进行DNS解析? 域名解析是将域名指向网站空间IP,让人们通过注册的域名可以方便地访问到网站的一种服务.对于网站来说,在经过域名解析这一流程后,网 ...
- squid正反向代理-加快网站访问速度
配置squid代理服务器加快网站访问速度 一:squid服务概述 Squid cache(简称为Squid)是一个流行的自由软件(GNU通用公共许可证)的代理服务器和Web缓存服务器.Squid有 ...
- 网站推广过程中如遇网站降权应从网站推广中哪些细节着手分析?
通常站长在运营优化期间难免遇到网站被搜索引擎降权的情况发生,这不仅会对网站日常优化工作带来影响,更会影响用户对网站的日常访问.但是想要恢复网站权重也不简单,那么面对网站降权问题,站长应如何分析呢?下面 ...
- 以营销型网站为例,网站建设过程中需要注意哪些问题?
想必熟知网站建设流程的朋友深知运营好一个网站有多难,不仅要求网站建设基础稳固,更对后期优化维护人员有着多方面的要求,一旦某一个环节崩塌网站的倾覆只在一瞬间.那么以营销型网站建设为例,我们在完成网站建设 ...
最新文章
- centos7 选定默认启动内核,及删除无用内核
- Linux系统结构学习
- php笔记之表单验证
- WebService实例-CRM系统提供WebService实现用户注册功能
- 调查内存泄漏第1部分–编写泄漏代码
- 并行DA实验c语言程序,哈工大C语言DA实验报告.doc
- feather 设置坐标刻度_matplotlib学习记录:调整刻度范围和刻度标签
- 丹佛斯变频器型号说明_台达变频器VFD-CH2000型号说明及功能介绍
- java怎么运行_不要再问我Java程序是怎么执行的了!
- python程序设计基础电子书_python程序设计基础 pdf下载
- mysql动态脱敏查询_数据库动态脱敏
- 使用js创建a标签下载文件
- 个性字体头像在线图片生成下载网址
- gstreamer协商negoation
- java swing界面设计_java swing界面设计
- linux数据库删除命令大全,linux删除数据库命令
- 动态规划初级篇(上)
- WPS文字设置奇偶页眉、下划线的方法步骤
- C++ 学习笔记(22) Builder Pattern
- 4054原厂LTH7R座充充电管理IC
热门文章
- Java运行原理研究(未完待续)
- 【读书笔记】the TeXBook 1
- 碰撞检测技术:kd tree
- Mac安装webpack报错gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1解决
- 在java中对null的理解
- httplib java_httplib发布调用错误
- 2013年4月管理计算机应用,全国2013年4月高等教育自学考试管理系统中计算机应用试题及答案...
- redhat linux 9.0 拷贝u盘的文件,肿么用U盘安装Linux,安装的是red hat 9.0…用Ubuntu很方便,redhat可以吗?...
- java tls 证书_在使用Java 8重新协商TLS_1.2期间,服务器证书更改受到限制
- shell执行docker命令卡挂住_Docker官方文档翻译4