Web前端三剑客:分别是HTML、CSS、JavaScript,它们看上去是三种不同的技术,但在实际中却是相互搭配使用的。
HTML
- HTML超文本标记语言,HTML是一门描述性语言
- HTML是用来标记内容的(重在内容组织上)
- HTML是超文本标记语言的简称,它是一种不严谨的、简单的标识性语言(HTML标签即使不闭合,也并不会影响页面内容的组织)。它用各种标签将页面中的元素组织起来,告诉浏览器该如何显示其中的内容。
CSS
- CSS:层叠样式表,是用来控制网页外观的一种技术
- CSS是用来修饰内容样式的(重在内容样式美化展示上)
- CSS是层叠样式表的简称,它用来表现HTML文件样式的,简单说就是负责HTML页面中元素的展现及排版
- 基本标签
<style></style>,推荐写在<head></head>中。 /*内容注释*/
JavaScript
- JavaScript是一种嵌入到HTML页面中的语言,由浏览器一边解释一边执行。
- JavaScript是用来做交互的
- JavaScript是一种脚本语言,即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎,JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的,使静态的HTML具有一定的交互行为(比如表单提交、动画特效、弹窗等)。
- 基本标签
<script></script>,推荐写在<body></body>中。 - 注释:
//单行注释/*js多行注释*/
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控制的是网页的行为。
- 如果把HTML比做身体,那CSS就好比是衣服,而JavaScript则意味着人能做的一些高级动作。
- 甚至你也可以想象这三者的关系是一只小鸟,HTML是没毛的鸟,加上CSS鸟就有了漂亮的羽毛,最后JavaScript就能让鸟儿飞起来。