做互联网运营也要了解一下HTML+CSS+JS前端开发三剑客

时间：2018-08-21 17:06:56 来源：作者：网络

三剑客的秘密：康斯坦丝的任务硬盘版

大小：200MB更新：2019-07-02

分类：暂无

请注意：本文为编辑制作专题转载的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！

跟互联网打交道，多多少少要懂一点代码，就算是做运营，如果能足够了解网页的运行机制，相信会对我们做搜索引擎优化和网页优化有很大的帮助。我们从战略上强调的互联网思维，但是战术上也要重视网页自身的运行机制，比如HTML+CSS+JS前端开发三剑客

事先强调一下，本人非技术博主，所以说的不对的地方请大家多多斧正！

前端开发三剑客HTML+CSS+JS之是前端基础中的基础，这三个组件构成了形态各异的网页。

那么大体的功能分配是：HTML负责描述内容，CSS负责描述元素的样式，JS则负责实现网页的动作。

我们来先看一下网页的发展历程：

早期的网页是静态网页，网页中的元素基本都没有动作，人们上网主要是浏览资讯，对于网页的交互性要求也低。网页上有图片，超链接和搜索框，大多都采用的默认样式，这样的网页样式与内容都混合在一起，如果要修改网页的样式，就需要挨个修改，这样就会比较麻烦。那么怎么解决这个问题呢？css层叠样式表

网页开发的开拓者们将样式从内容中抽离出来，将所有描述网页样式的语句合并成一个文件，这个文件叫层叠样式表，简称CSS。如果我们要修改样式的话就从这个文件里修改，通过一些选择器，我们可以快速地更改某一个或某一类元素的样式，从而提高效率。那么css样式我的理解就是在网页房间里已经有基本构架和内容的前提下，我们来给网页做一些装修，比如说背景颜色，边框，界面等等来美化你的网页，这样就可以有效的提高浏览者的阅读体验。html内容的主体

将样式从网页中抽离后，HTML语言只负责描述网页内容，这是什么意思呢？在HTML中，我们用<head>元素标记头部文件，用<title>元素标记网页名称，用<body>元素标记网页主体，用<table>元素标记表格等等，通过向这些元素中填写内容，我们就写出了一个个有特定样式的节点，所有的这些HTML节点就构成了网页内容。这些标记大多是有默认样式的，如果我们对默认样式不满意，我们还可以在CSS文件中修改。

javascript让网页“动”起来

完成了内容与表示的分离后，我们要解释网页的动作了。静态页面有个问题是，网页的内容在生成后就不会再变化了。而我们在浏览网页的时候，需要进行交互，我们需要登陆论坛来评论点赞转发，我们需要在玩网络游戏的时候控制人物的动作和打斗，这部分功能都是由JavaScript(JS)实现的。

JavaScript是一种轻量级的编程语言。JS不像Java是一个平台型的语言，有各种各样的组件、框架，JS是与web紧密联系起来的。JS通过插入到HTML中执行的，通过JavaScript我们可以实现写入HTML输出，对事件作出反应，改变HTML内容、图像、样式，验证输入等功能。基本上网页上所有的交互都是通过JS函数实现的。这个部分也是三剑客中最难的部分，当然我们做互联网运营又不是技术开发，所以不需要掌握这些技术，看到之后可以认出来就完全ok。

所以我们来总结一下，HTML好比是房子的主体构架，CSS和JS是让这个房子变得更加美观，实用而给房子做的一些装修。这三者之间天衣无缝的配合实现了我们现在看到互联网上形态各异的网页。不得不说十分的神奇呢～

资源转载网络，如有侵权联系删除。