社区
学习
工具库
AI工具
休闲
搜索
简体中文
首页 web前端 前端问答 web前端的三大技术是什么

web前端的三大技术是什么

青灯夜游
青灯夜游
Aug 24, 2022 pm 05:50 PM
web前端

web前端三大技术是：1、HTML（超文本标记语言），是一种用于创建网页的标准标记语言，HTML使用标记标签来描述网页；2、CSS（层叠样式表），可以用来为网页创建样式表，通过样式表可以对网页进行装饰；3、JavaScript，是一种轻量级的编程语言，用于控制网页的行为、响应用户操作，用于实时更新网页中的内容，让网页更加生动。

web前端的三大技术是什么

本教程操作环境：windows7系统、Dell G3电脑。

web前端的三大技术

web前端的三大技术是：HTML、CSS、JavaScript

根据 W3C 标准，一个网页主要由三部分组成：结构、表现和行为

1.png

1、结构层

  • 结构层为页面的骨架，由 HTML 或 XHTML 标记语言创建，用于搭建文档的结构。

  • HTML 用来定义网页的内容，例如标题、正文、图像等；

2、表现层

  • 表示层为页面的样式，由 CSS （层叠样式表）负责创建，用于设置文档的呈现效果。

  • CSS 用来控制网页的外观，例如颜色、字体、背景等；

3、行为层

  • 行为层为页面的行为，由 JavaScript 语言创建，用于实现文档的行为。

  • JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。

  • JavaScript用于响应用户操作

即JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中：

  • HTML 用来定义网页的内容，例如标题、正文、图像等；

  • CSS 用来控制网页的外观，例如颜色、字体、背景等；

  • JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。

什么是 HTML？

HTML是超文本标记语言（HyperText Markup Language）是一种用于创建网页的标准标记语言。HTML负责网页三个组成部分中的结构，HTML使用标签的形式来标识网页中的不同组成部分。所谓的超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

  • HTML 是用来描述网页的一种语言。

  • HTML 不是一种编程语言，而是一种标记语言 (markup language)

  • 标记语言是一套标记标签 (markup tag)

  • HTML 使用标记标签来描述网页

什么是 CSS

CSS 是指层叠样式表 (Cascading Style Sheets)，样式定义如何显示HTML 元素，用于控制web页面的外观。CSS负责网页三个组成部分中的表现，样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。

  • css可以用来为网页创建样式表，通过样式表可以对网页进行装饰。

  • 所谓层叠，可以将整个网页想象成是一层一层的结构，层次高的将会覆盖层次低的。

  • 而css就可以分别为网页的各个层次设置样式。

什么是 JavaScript

JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。

JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是脚本语言

  • JavaScript 是一种轻量级的编程语言，属于解释型语言。
    • JavaScript是一门解释型语言，所谓解释型值语言不需要被编译为机器码在执行，而是直接执行。
    • 由于少了编译这一步骤，所以解释型语言开发起来尤为轻松，但是解释型语言运行较慢也是它的劣势。
    • 不过解释型语言中使用了JIT技术，使得运行速度得以改善。
  • JavaScript 是可插入 HTML 页面的编程代码。
  • JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
  • JavaScript 很容易学习。
  • 基于原型的面向对象

JS编写位置

Related knowledge
web前端有哪些框架 web前端有哪些框架 Aug 23, 2022 pm 03:31 PM

web前端框架有：1、Angular，一种用于创建单一应用程序界面的前端框架；2、react，一个用来构建用户界面的JavaScript开发框架；3、vue，一套用于构建用户界面的渐进式JavaScript框架；4、Bootstartp，是基于HTML、CSS、JavaScript的前端框架；5、QUICK UI，一套企业级web前端开发解决方案；6、SUI，一个前端组件库。

什么是web前端工程师 什么是web前端工程师 Aug 23, 2022 pm 05:10 PM

web前端工程师是从事Web前端开发工作的工程师，主要工作是进行网站的开发、优化、完善；主要职责是利用各种专业技术进行客户端产品的开发，然后结合后台开发技术模拟整体效果，为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性，致力于通过技术改善用户体验。

【吐血整理】2023年最新前端面试题大全及答案（收藏） 【吐血整理】2023年最新前端面试题大全及答案（收藏） Jun 29, 2022 am 11:20 AM

本篇文章给大家总结一些值得收藏的精选Web前端面试题（附答案）。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

2023年精选Web前端面试题大全及答案（收藏） 2023年精选Web前端面试题大全及答案（收藏） Apr 08, 2021 am 10:11 AM

本篇文章给大家总结一些值得收藏的精选Web前端面试题（附答案）。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

web前端笔试题库之HTML篇 web前端笔试题库之HTML篇 Apr 21, 2022 am 11:56 AM

总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！

web标准有哪些好处 web标准有哪些好处 Sep 20, 2023 pm 03:34 PM

web标准的好处有提供更好的跨平台兼容性、可访问性、性能、搜索引擎排名、开发和维护成本、用户体验以及代码的可维护性和可重用性。详细说明：1、跨平台兼容性，确保网站在不同的操作系统、浏览器和设备上都能正确显示和运行；2、提高可访问性，可以确保网站对所有用户都是可访问的；3、加快网站加载速度，用户可以更快地访问和浏览网站，提供更好的用户体验；4、提高搜索引擎排名等等。

web标准默认的端口有哪些 web标准默认的端口有哪些 Sep 20, 2023 pm 04:05 PM

web标准默认的端口有：1、HTTP，默认端口号为80；2、HTTPS，默认端口号为443；3、FTP，默认端口号为21；4、SSH，默认端口号为22；5、Telnet，默认端口号为23；6、SMTP，默认端口号为25；7、POP3，默认端口号为110；8、IMAP，默认端口号为143；9、DNS，默认端口号为53；10、RDP，默认端口号为3389等等。

如何区分H5,WEB前端,大前端,WEB全栈? 如何区分H5,WEB前端,大前端,WEB全栈? Aug 03, 2022 pm 04:00 PM

本文带你快速区分H5、WEB前端、大前端、WEB全栈，希望对需要的朋友有所帮助！

See all articles