网站建设中对web标准的理解及浏览器知识

作者:小站 来源:建站公司 2020-12-03 21:51

嘿,这里有一份网站建设的知识,对web标准的理解赶快收好,今天把这篇干货分享出来,现在就来和小编一起来看看吧。

浏览器的主要功能是将用户选择的web资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口中,资源的格式通常是HTML,也包括PDF、image及其他格式。用户用URI(Uniform Resource Identifier统一资源标识符)来指定所请求资源的位置,关于URI的部分在之后的HTTP协议这部分再进行详细的研究。

一、对web标准的理解:

网站建设中对web标准的理解及浏览器知识

1. web标准是一系列标准的集合,主要由三部分组成:

结构(Structure)——HTML

表现(Presentation)——CSS

行为(Behavior)——JavaScript(DOM+ES)

对于结构要求:标签小写且闭合、不允许随意嵌套

对于表现和行为要求:

外链CSS与JS,结构表现行为分为三块符合W3C规范;

id和class属性命名规范,减少维护难度,易改版

网站建设中对web标准的理解及浏览器知识

2. web标准的优点:

易维护:只修改CSS就能改变整站的样式

响应快:HTML文档体积更小

可访问性好:语义化HTML 编写的网页,更易被屏幕阅读器识别

兼容性:不同样式表可以让网页在不同的设备上呈现不同样式

SEO:语义化HTML更易被搜索引擎解析,提升排名

二、浏览器内核:

1. 浏览器内核——渲染引擎+JS引擎,取得网页内容、整理讯息、计算网页显示方式输出至显示器;

执行JS语言实现网页动态效果;不同浏览器内核对网页编写语法的解释不同

网站建设中对web标准的理解及浏览器知识

2. 五(四)大内核:

Trident:IE、腾讯、遨游、360、猎豹、世界之窗、2345 存在很多兼容性问题

Gecko:Firefox 最大优势跨平台 开源,开放程度高

Webkit:Safari、早期Chrome 、360和搜狗的高速模式 开源,相对安全

Blink:现在Chrome(28—)、Opera(15—)内核 2013年4月发布

网站建设中对web标准的理解及浏览器知识

​​​​​​​

三、浏览器的主要构成

1.用户界面 - 包括地址栏、后退、前进按钮、书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分

2.浏览器引擎 - 用来查询及操作渲染引擎的接口。

3.渲染引擎 - 显示请求的内容,如果请求内容为html,他负责解析html及css,并将解析后的结果显示出来。

网站建设中对web标准的理解及浏览器知识

4.网络 - 用来完成网络调用,例如Http请求,它具有平台无关的接口,可以在不同平台上工作。

5.UI后端 - 用来绘制类似组合选择框对话框等基本组件,具有不特定某个平台的通用接口,底层使用操作系统的用户接口。

6.JS解释器 - 用来解释执行JS代码

网站建设中对web标准的理解及浏览器知识

7.数据存储 - 属于持久层,浏览器需要在硬盘中保存类似cookie的各种数据,html5定义了web database技术,这是一种轻量级完整的客户端存储技术。

四、浏览器渲染原理

基本原理展示图

网站建设中对web标准的理解及浏览器知识

1.流程:JS > style > layout > paint > composite

JS:实现动画效果与DOM元素操作

Style(计算样式):确定每个DOM元素应该用什么CSS规则

Layout(布局):计算每个DOM元素大小位置;reflow(回流) web页面元素是相对的,其中任意一元素位置发生变化,会联动其他元素发生变化

Paint(绘制):绘制DOM元素的文字、颜色、图像、边框和阴影

Composite(渲染层合并):合并图层显示屏幕

2.优化渲染性能

网站建设中对web标准的理解及浏览器知识

优化JS执行效率:避免使用setTimeoutsetInterval尽量使用requestAnimationFrame

耗时长的JS代码放到Web Workers中做

降低样式的计算范围和复杂度:尽量保持CLASS简短

避免大规模复杂布局:使用Flexbox替代老布局

简化绘制的复杂度、减少绘制区域


本文地址:网站建设教程频道 https://www.dayku.cn/jiaocheng/3243.html,武汉易企推建站公司提供一站式网站制作开发服务:武汉网站建设、网站开发、高端网站设计制作、手机网站开发,微信小程序开发等建站服务,制作周期短,价格实惠,效果满意;以及全网营销、网站优化服务、百科词条创建修改、新媒体引流、公司负面公关处理等


相关文章相关文章
  • 网站由什么组成?中英文网站快速搭建网站的方式

    网站由什么组成?中英文网站快速搭建网站的方式

    有不少朋友想找我帮忙做表白网站啥的,既然讲到网站,我就说下网站的组成吧,顺便教大家最简单的网站搭建方式,这个系列会讲到多种不同的网站搭建方式,以连载的方式进行,由简单到困难,每日凌晨更新。 网站由什么组成?中英文网站快速搭建网站的方式 网站...

    2020-11-10 21:46
  • 你知道网站是如何搭建的嘛?教大家设计到建站的详细操作方法

    你知道网站是如何搭建的嘛?教大家设计到建站的详细操作方法

    小伙伴们好,还记得上周小编介绍的app inventor嘛?不知道大家有没有做出心目中的app呀,今天小编来和大家聊一聊传统建站与CMS。 网站的重要性不用多说,小到每一篇微信推送,大到全球社交网络,咱们几乎天天和网站打交道,你知道网站是如何搭建的嘛? 传统...

    2019-09-30 19:47
  • 不懂任何网页编程知识也可以轻松搭建网站的方法分享!

    不懂任何网页编程知识也可以轻松搭建网站的方法分享!

    不懂任何网页编程知识也可以轻松搭建网站 世界级的快速建站系统:Strikingly 说起Strikingly,还是蛮传奇的,这是一个帮助零基础用户在短时间内做出一个不难看的网站的建站产品,他目前的业务覆盖全球200多个国家和地区。它是第一家被Y Combinator硅谷著名的...

    2019-09-30 19:29
  • 想建设用户喜欢的企业网站,但建站公司给出的报价却高低不一

    想建设用户喜欢的企业网站,但建站公司给出的报价却高低不一

    我相信对现在的网站建设市场有过了解的朋友都清楚,目前整个市场,建站公司给出的报价都是高低不一的。 有些朋友或许会好奇,同样都是做网站,为什么报价却高低不一呢?有哪些因素会影响建站的报价高低呢?让我们跟着小编一起来详细了解一下。经过小编详细的...

    2019-09-29 20:02
  • 教你怎么“借(chao)鉴(xi)”你喜欢的网站的网站设计

    教你怎么“借(chao)鉴(xi)”你喜欢的网站的网站设计

    对于企业们日常需求而言,需要何种类型网站,取决于信息的数量,简单可以分为静态网站和动态网站,各自有优缺点,我们不应一味选择功能强大的动态网站,而是根据商业需要进行选择。所谓的静态网站就是网站发布信息的时候,没有信息发布后台,只能通过直接修改...

    2019-09-27 20:19
  • 想搭建自己的大信息量网站,你得先了解建站公司的这些建站方法

    想搭建自己的大信息量网站,你得先了解建站公司的这些建站方法

    信息更新量大的网站,若采用建设静态网站的方法去建静态站,会特别累人,这个时候前面的那些建静态站方式已经不合适了,一个有动态信息发布的网站才是你的菜,也就是有信息增删改查的功能。...

    2019-09-27 20:03
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

5-10分钟售后响应机制<

贴心

5-10分钟售后响应机制

按效果收费,无效果不收费

放心

按效果收费,无效果不收费

行业高标准,效果稳定可靠

稳定

行业高标准,效果稳定可靠

1-3个月排名上百度首页

快速

1-3个月排名上百度首页

武汉易企推建站公司;公司地址:武汉市武昌区静安路6号5.5创意产业园4楼;公司官网:https://www.dayku.cn

服务热线:18120550335 / 027-88866235 欢迎来电咨询; 联系QQ:1193073039

Copyrigh@2017-2030 版权所有:武汉易企推网络科技有限公司 备案号:鄂ICP备17012199号 网站地图