如何用HTML和CSS实现异步交互

欢迎点击「算法与编程之美」关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

问题描述

在我们浏览所有网页和所有使用的软件中都会涉及到一个很重要的问题，那就是页面和软件之间必须不可缺少的交互，不管是页面的同步交互还是异步交互都是不可缺少的。但是当我们还在静态页面的时候怎么达到异步交互呢？

在很多网页中都使用了同步交互，例如我们最常用的网页就是百度，当我们点击另一个网页时所有的页面都会发生变化，这就是同步交互。在很多手机常用的软件中基本都是用的异步交互原理，例如我们经常使用的QQ和微信以及很多常用的软件，当我们在点击下方或上方的菜单栏时，下方或上方的菜单栏都不会发生变化，发生变化的只是菜单栏上方或者下方的页面。当然在很多网页当中也使用了异步交互原理。

解决方案

当然在HTML和CSS阶段对于同步交互来说还是比较简单的只需一个链接也就是标签就可以实现页面的同步交互。当我们的知识还在HTML和CSS阶段时面对静态页面的交互我们又该怎么去完成呢？

在这里我们就会用到一个不是很常用的标签,下面我们首先通过菜鸟教程来了解一下这个标签的基本属性：

通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。

但为了我们网页的实用性还可以加入一些它的属性对其进行按照规定编辑。

当然使用同步交互也很方便，但是对于“T”字型网页就会出现很多重复的代码，造成代码的冗余，以及代码的读取速度。所以对于“T”字型网页我们就可以使用

结语

我们在写网页用标签时，我们一定要注意标签的属性，在HTML5中有很多属性已经不支持。还有一些属性要写在CSS里面。

欢迎点击「算法与编程之美」关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章