2023-09-12 11:53:53 | 我爱编程网
我们说,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。
总结:如果把HTML比做身体,那CSS就好比是衣服,而JavaScript则意味着人能做的一些高级动作。
以上就是我的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流~我是科技领域创作者,十年互联网从业经验,欢迎在线咨询web前端开发需要掌握哪些知识1.HTML知识要点:web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签2.CSS+布局知识要点:CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器3.ECMA基础知识要点:ECMA基本语
Web前端工程师要掌握的CSS技巧今天小编要跟大家分享的文章是关于Web前端工程师要掌握的CSS技巧。正在从事web前端工作的小伙伴们快来和小编一起看一看吧,希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时,其是相对父元素的宽度width的而不是我们想象的高度height
Web前端工程师应该知道的CSS隐藏页面元素的方法今天小编要跟大家分享的文章是关于Web前端工程师应该知道的CSS隐藏页面元素的方法。用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。你有没有想过,为什么我们要有这么多技术
Web前端开发知识点之CSS的使用方式今天小编要跟大家分享的文章是关于Web前端开发知识点之CSS的使用方式。本文章小编从与HTML的结合方式、CSS语法、选择器以及盒子模型四个方面进行讲解。下面来和小编一起看一看吧!一、与HTML的结合方式CSS与HTML的结合方式一共有三种,分别是:外部样式、内部样式和内联样式。①外部样式当样式需要应用于很多页面时,外部样
Web前端工程师要掌握的CSS技巧今天小编要跟大家分享的文章是关于Web前端工程师要掌握的CSS技巧。正在从事web前端工作的小伙伴们快来和小编一起看一看吧,希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时,其是相对父元素的宽度width的而不是我们想象的高度height
Web前端工程师要掌握的CSS技巧今天小编要跟大家分享的文章是关于Web前端工程师要掌握的CSS技巧。正在从事web前端工作的小伙伴们快来和小编一起看一看吧,希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时,其是相对父元素的宽度width的而不是我们想象的高度height
web前端开发需要掌握哪些知识1.HTML知识要点:web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签2.CSS+布局知识要点:CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器3.ECMA基础知识要点:ECMA基本语
前端知识点(基础篇)前端开发是指通过HTML、CSS、JavaScript等技术实现网站的界面、交互和效果等方面的开发。在这篇文章中,我们将介绍前端开发中的基础知识点,包括HTML、CSS和JavaScript。HTMLHTML是网页的基础,它定义了网页的结构和内容。下面是一些常用的HTML标签:1.标题标签HTML中有6个级别的标题标签,分别是h1~h6,用于定义
2023-10-08 16:59:01
2023-06-27 20:13:22
2023-10-18 13:25:36
2023-10-18 13:23:22
2023-10-18 13:16:32
2023-10-18 13:14:00