网站首页 > 技术文章 正文
我们说,Web前端三剑客:HTML、CSS、JavaScript,它们看上去是三种不同的技术,但在实际中却是相互搭配使用的。
HTML是用来标记内容的(重在内容组织上)
HTML是超文本标记语言的简称,它是一种不严谨的、简单的标识性语言。它用各种标签将页面中的元素组织起来,告诉浏览器该如何显示其中的内容。
为什么说HTML是不严谨的呢?因为HTML标签即使不闭合,也并不会影响页面内容的组织。
CSS是用来修饰内容样式的(重在内容样式美化展示上)
CSS是层叠样式表的简称,它用来表现HTML文件样式的,简单说就是负责HTML页面中元素的展现及排版。
JavaScript是用来做交互的
JavaScript是一种脚本语言,即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎,JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的,使静态的HTML具有一定的交互行为(比如表单提交、动画特效、弹窗等)。
HTML与CSS及JS的关系
这三者99%的情况下都是搭配使用的,但也不是绝对的,具体关系是:
- HTML与CSS、JS是不同的技术,可以独立存在;
- HTML一般需要CSS和JS来配合使用,否则单一HTML文档无论是功能还是展示上效果都不理想;
- CSS一般是不能脱离HTML或XML的,如果CSS脱离了HTML和XML,那就没有存在的必要的;
- JS可以脱离HTML和CSS而独立存在;
- JS可以操作HTML和CSS。
多年开发老码农福利赠送:网页制作,网站开发,web前端开发,从最零基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端小程序项目实战【视频+工具+电子书+系统路线图】都有整理,需要的伙伴可以私信我,发送“前端”等3秒后就可以获取领取地址,送给每一位对编程感兴趣的小伙伴
总结:如果把HTML比做身体,那CSS就好比是衣服,而JavaScript则意味着人能做的一些高级动作。
以上就是我的分享,希望对你有所帮助,另外我自己也从事前端开发多年,自己对于前端也做了一些学习的总结,也录制了基础的精讲视频和学习方法,另外如果对于学习前端还有什么问题(学习方法,学习效率,如何就业)可以私信我,随时为你解答
猜你喜欢
- 2025-06-28 零 JS!4.6 万行 HTML+CSS 手搓《我的世界》,服务器被网友玩爆
- 2025-06-28 零基础编程从哪开始学,统统告诉你【悟空非空也】
- 2025-06-28 零JS!他用4.6万行HTML+CSS手搓了个《我的世界》,程序员哭诉:网友把服务器玩爆了
- 2024-10-06 Python Flask 全流程全栈项目实战
- 2024-10-06 还在苦苦写jsp页面?浩浩带你零基础玩转ant design vue Pro第一天
- 2024-10-06 web前端:CSS的常用属性速查表 web前端 css
- 2024-10-06 我的前端之路 - 2(初识HTML) 前端简史
- 2024-10-06 Web开发前端、后端与全栈的区别是什么?
- 2024-10-06 2019年最全的web前端知识体系汇总
- 2024-10-06 Web前端中的js都能运用到哪些方面
你 发表评论:
欢迎- 657℃几个Oracle空值处理函数 oracle处理null值的函数
- 647℃Oracle分析函数之Lag和Lead()使用
- 646℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 638℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 633℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 622℃【数据统计分析】详解Oracle分组函数之CUBE
- 618℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 598℃大学生悬浮窗搜题答案神器?分享8个软件和公众号,来对比看看吧
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)