打开本章的小伙伴或多或少都是有点网页底子的吧!

大家都知道HTML css JavaScript 组合使用可以做一个静态网页

但你是否知道他们之间的关系呢?

HTML的详解与认识_HTML

他们看上去是三种不同的技术,但在实际中却是相互搭配使用的

HTML是超文本标记语言的简称

他是一种不严谨的、简单的标识语言

他主要的工作就是显示一个网页的结构

看到下面这张图大家就大概能理解

HTML的详解与认识_HTML_02

(就是没有css的网页,相信小伙伴们网卡时都出现过吧)

----------------------------------------------------------------------------------------

CSS 层叠样式表是他的简称

而他的工作就是将HTML元素做展示及排版

他与HTML元素结合成为我们所能看到的网页

所以他的工作性质为样式

如下图

HTML的详解与认识_HTML_03

(这便是加载好css后的效果)

----------------------------------------------------------------------------------------

javascript是用来做界面互交的

他可以运行在客户端,同时也可以运行在服务器端

即我们点击、触摸所被监控到的一些行为

网页与我们之间的行为,它的性质便是行为

HTML的详解与认识_HTML_04

(当鼠标放到“我的账户”时,自动弹出的弹窗)

----------------------------------------------------------------------------------------

如上所总,HTML css Javascript排列称为“结构样式行为相分离”

至今,HTML中有很多能代替css的快捷标签

如b、i等、

但我们大多数不推荐这些标签,一些标签是可以代替简化

但为了SEO的优化,我们应该避免这种事发生

将大量的cssjs装到外部文件引用

让爬虫更快的抓取到我们的网页,避免爬虫抓取太多无用的代码导致爬虫不友好行为

而且还能更好更方便的让我们的代码块可读化、简洁化

HTML的详解与认识_HTML_05

所以,HTMLCSSJavascript他们之间的关系应该是密不可分、相辅相成的

转自:双鱼站

作者:小鱼儿