浏览器了解知识
浏览器和浏览器内核
浏览器内核的作用:解析网页语法,并渲染网页
常见的浏览器内核:
- Trident(三叉戟):IE、360安全浏览器、搜狗高速浏览器、百度浏览器、UC浏览器;
- Gecko(壁虎):Mozilla Firefox;
- Presto(急板乐曲)-->Blink(眨眼):Opera;
- Webkit: Safari、360极速浏览器、搜狗高速浏览器、移动端浏览器(Android、iOS);
- 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