1-1 HTML入门 前端开发是什么？ 前端开发的标准？HTML的基础语法结构

目录

1. 前端开发是什么？

2. 网页由哪几部分组成？

3. 五大浏览器和渲染引擎

4. web浏览器的标准

1. 前端开发是什么？

提起前端开发，绕不开三大核心技术：HTML、CSS和Ja vaScript。简单来说，前端就是运用这些语言及其衍生出的各类框架和工具，去构建我们在电脑和手机上看到的、能够与之互动的每一个界面。

用一句更通俗的话来概括：前端工程师的工作，就是打造浏览器里（以及各类移动端应用里）那些既好看又好用的交互功能。

2. 网页由哪几部分组成？

无论一个网页设计得多么复杂炫酷，拆解开来，其核心构成元素无非是这么几样：文字、图片、视频、音频和超链接。正是这些基础元素的排列组合，构成了我们眼前丰富多彩的互联网世界。

3. 五大浏览器和渲染引擎

用户通过浏览器接触网络世界，而对于前端开发者而言，浏览器更是最重要的开发和调试环境。

这里有个关键概念叫“渲染引擎”。你可以把它理解为浏览器内部的一个翻译官，负责将我们写的代码“翻译”成可视化的网页。不同的浏览器，这位“翻译官”的工作效率也大不相同。目前，谷歌浏览器（Chrome）所采用的Blink引擎性能最为出色，代码解析速度最快，加上其庞大的用户市场份额，自然成为了开发者的首选工具。

为了更清晰地展示，这里简单梳理一下主流浏览器及其内核：谷歌浏览器使用Blink引擎；微软的旧版IE浏览器使用Trident；火狐（Firefox）依靠Gecko；苹果的Safari用的是WebKit；而欧朋（Opera）现在也与Chrome一样，转向了Blink引擎。

4. web浏览器的标准

构建一个标准的网页，就像是完成一个精密的分工合作。其中，HTML、CSS和Ja vaScript各司其职，缺一不可。

HTML专门负责搭建网页的骨架与结构，定义哪里是标题，哪里是段落，哪里放置图片。

CSS则负责“化妆”和“装扮”，控制所有元素的颜色、大小、字体、布局等视觉效果。

Ja vaScript赋予了网页生命力，负责实现各种动态交互效果，比如点击按钮后的响应、数据的实时更新等。

不妨做个形象的比喻：HTML是鸟的身体，决定了它的基本形态；CSS是鸟的羽毛，让它变得绚丽夺目；而Ja vaScript则是鸟的动作，使得它能够飞翔、鸣叫。三者协同工作，才能创造出一只完整、生动、美丽的鸟——也就是我们最终看到的那个完整而好看的网页。

（学习记录编号：201903090124-4）

目前正在大学三年级学习，已接触到前后端交互的Express阶段。文中内容若有任何疏漏或不准确之处，非常欢迎各位同行指正，我们一同探讨进步。如需转载，请注明出处。