Tip
web 前端开发零基础快速入门,HTML/HTML5 标签及属性的基础语法
一、基础入门
1、创建第一个网页
方法一:
方法二:
注:
我们所看到的网页有各种效果(包括图片、视频、文字 .....),但 HTML 文件本身是纯文本
2、生成 HTML5 骨架
TIP
输入
!英文模式下,按tab键,即可自动生成 HTML5 的骨架注:如果没有生成,看网页的格式是否正确或保存
在 Vscode 中 生成 HTML5 骨架 即可
<!DOCtype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>这是我的第一个HTML网页</title> </head> <body> 第一个HTML网页 ,Hello ! </body></html>
3、浏览器内核
| 浏览器 | 内核 | JavaScript 引擎 | 描述 |
|---|---|---|---|
| IE | Trident | jscript | 微软早期开发的浏览器内核,已停止更新(IE 11 为最终版本),仅兼容旧版网站。 |
| Edge(旧) | EdgeHTML | Chakra | 2015-2019 年微软自研内核,后因兼容性和性能问题弃用,转投 Chromium 项目。 |
| Edge(新) | Blink | V8 | 2020 年起基于 Chromium 项目,与 Chrome 同源,采用 Blink 渲染引擎和 V8 JAVAScript 引擎,支持现代 WEB 标准。 |
| Chrome | Blink | V8 | Google 开发的浏览器,基于 Chromium 项目,Blink 是 WebKit 的分支(2013 年分叉),V8 引擎以高性能著称。 |
| Opera | Blink | V8 | 2013 年放弃自研的 Presto 内核,转向 Chromium 项目,采用 Blink 和 V8,保留侧边栏、广告拦截等特色功能。 |
| Samsung Internet | Blink | V8 | 三星开发的浏览器,基于 Chromium 项目,采用 Blink 渲染引擎和 V8 JavaScript 引擎,深度集成三星设备功能(如 Samsung Pass、广告拦截器)。 |
| Firefox | Gecko | SpiderMonkey | Mozilla 基金会开发的浏览器,唯一未采用 Chromium 的主流浏览器,强调隐私保护和 Web 标准多样性。 |
| Safari | WebKit | JavaScriptCore | 苹果浏览器内核,基于 KHTML 发展而来,JavaScriptCore(原名 Nitro)是其默认 JS 引擎,仅限 apple 设备。 |
| 360、猎豹、2345 | Trident+Blink | V8/Chakra(混合) | 国内双内核浏览器,默认使用 Chromium 内核(Blink),兼容模式切换为 Trident(IE 内核),支持旧版网站。 |
| UC | Trident+WebKit | U4/V8(混合) | 早期移动端浏览器,PC 版采用双内核(Trident+WebKit),但部分版本可能已转向 Chromium 内核。 |
| 搜狗、遨游、QQ | Trident+WebKit | V8/Chakra(混合) | 支持 Chromium 和 WebKit 内核切换 |


还没有评论,来说两句吧...