HTML、CSS和JavaScript的关系

学习&实践爱好者

已于 2022-09-27 11:35:03 修改

阅读量2.8k

点赞数 3

分类专栏： HTML5与CSS3 JavaScrip技术文章标签： html css javascript

于 2022-07-23 11:11:28 首次发布

本文链接：https://blog.csdn.net/cnds123/article/details/125942852

版权

JavaScrip技术同时被 2 个专栏收录

136 篇文章 25 订阅

订阅专栏

HTML5与CSS3

86 篇文章 15 订阅

订阅专栏

HTML、CSS和JavaScript的关系

Web前端三剑客：分别是HTML、CSS、JavaScript，在实际中常相互搭配使用。

从网页设计思路看，网页分为三个层次：结构（Structure）层用HTML ，表现（Presentation）层用CSS ，行为（Behavior）层用JavaScript。

HTML（Hyper Text Markup Language，超文本标记语言）是用来标记内容的（重在内容组织上）。HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

一个html页面的基本结构如下：

<!DOCTYPE html>
<html>
    <head>            
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width" />
        <title>HTML文档标题</title>
    </head>
    <body>
        <!-- 网页显示内容 -->
    </body>
</html>

提示：html注释格式：

CSS（Cascading Style Sheets，层叠样式表）是用来修饰内容样式的（重在内容样式美化展示）。表现外观。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。也可实现动画效果。

JavaScript是用来做交互的，如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。无论是动画还是与用户进行交互的都可以通过JavaScript来实现的。

提示：CSS注释格式：/*内容注释*/

JavaScript 和 ECMAScript 【注：欧洲计算机制造商协会（ECMA）牵头完成的脚本（Script ）语言的标准】通常被人用来表达相同的意思，但 JavaScript 的含义去比 ECMA-262 中规定的多得多。

一个完整的 JavaScript 实现应由三个部分组成：

（1）核心（ECMAScript），描述了该语言的语法和基本对象。

（2）文档对象模型（DOM），描述处理网页内容的方法和接口。

（3）浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

JavaScript是一种HTML页面中可以使用的脚本语言，由浏览器一边解释一边执行。

JavaScript是一种脚本语言，即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎，JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的，使静态的HTML具有一定的交互行为（比如表单提交、动画特效、弹窗等）。

提示：JavaScript注释格式：//单行注释文字 /*多行注释*/