1 基础概念铺垫(了解)
1.1 认识网页
1.1.1 网页由哪些部分组成?
文字、图片、音频、视频、超链接
1.1.2 我们看到的网页背后本质是什么?
程序员写的代码
1.1.3 前端代码是通过什么软件转换成用户眼中的页面的?
通过 浏览器 转化(解析和渲染)成用户看到的网页
1.2 五大浏览器和渲染引擎
1.2.1 浏览器:是网页显示、运行的平台,是前端开发必备利器
1.2.2 常见的五大浏览器:
IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(Chrome)、Safari浏览器、欧朋浏览器(Opera)
1.2.3 渲染引擎(浏览器内核):浏览器专门对代码进行解析渲染的部分
1.2.4 浏览器出品的公司不同,内在的渲染引擎也是不同的:
浏览器 内核 备注
IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
FireFox Gecko 火狐浏览器
Safari Webkit 苹果浏览器
Chrome/Opera Blink Blink其实是Webkit的分支
注意:
渲染引擎不同,导致解析相同代码的速度、性能、效果也不同
1.3 Web标准
1.3.1 为什么需要Web标准?(了解)
不同浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异
如果用户想看一个网页,结果不同的浏览器打开效果不同,用户体验极差
1.3.2 Web标准的构成
Web标准分三个构成:
构成 语言 说明
结构 HTMl 页面元素和内容
表现 CSS 网页元素外观和位置等页面样式(如:颜色、大小等)
行为 JavaScript 网页模型的定义与页面交互
2 HTML初体验
2.1 HTML感知
HTML的概念
HTML中文译为:超文本标记语言
专门用于网页开发的语言,主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述
2.2 HTML骨架结构
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页主体内容
</body>
</html>
以上是作者学习总结,分享所学,共同进步。如若哪处有误,感谢指出!