浏览器了解知识

浏览器和浏览器内核

浏览器内核的作用:解析网页语法,并渲染网页

常见的浏览器内核:

  1. Trident(三叉戟):IE、360安全浏览器、搜狗高速浏览器、百度浏览器、UC浏览器;
  2. Gecko(壁虎):Mozilla Firefox;
  3. Presto(急板乐曲)-->Blink(眨眼):Opera;
  4. Webkit: Safari、360极速浏览器、搜狗高速浏览器、移动端浏览器(Android、iOS);
  5. Webkit---->Blink: Google Chrome, Edge

不同的浏览器内核有不同的解析、渲染规则,所以同一网页在不同内核的浏览器中的渲染效果也可能不同。

HTML

HTML是一种超文本标记语言(Hyper Text Markup Language) ,

什么是标记语言?

  • 由无数个标记(标签,tag)组成
  • 是对某些内容进行特殊的标记,以供其他解释器识别处理
  • 标签和内容组成的部分称为元素

什么是超文本?

  • 不仅仅可以插入普通文本,还可以插入图片、视频、音频等内容
  • 可以表示超链接,跳转到另一个网页

拓展名

  • 历史遗留问题,win95\win98系统的文件拓展名不能超过3个字符,使用.htm
  • 现在统一使用.html

结构分析

<html>
    <head>
        元数据
        <title>标题</title>
    </head>
    <body>
        内容
    </body>
</html>

文档声明

<!DOCTYPE html>告诉浏览器使用html5标准去解析,不能省略。

html 元素

根元素,lang属性作用:zh-CN/en

  • 帮助语音合成工具确定要使用的发音
  • 帮助翻译工具确定要使用的翻译规则

head 元素

title:网页标题

meta:网页编码

一般是设置utf-8编码

img

alt的作用:

  • 图片加载错误,显示alt文本
  • 给屏幕阅读器使用

iframe

禁止嵌套 响应头中X-Frame-Options:sameorigin,

字符实体

URL

统一资源定位符

标准格式:[协议类型]://[服务器地址]:[端口号]/[文件路径][文件名]?[查询]

URL与URI的区别:URI是统一资源标识符 ,标识Web技术使用的逻辑或物理资源,URI不是URL,URL是URI的子集

常见的JavaScript引擎

  • SpiderMonkey:第一款JavaScript引擎

  • Chakra:微软

  • JavaScriptCore:WebKit中的JavaScript引擎,Apple公司

  • V8:Google

    webcore+JavaScriptCore = webkit
    
posted @ 2022-12-24 22:40  转角90  阅读(62)  评论(0编辑  收藏  举报