HTML5技术就是继承了HTML的部分特征，同时又添加了许多新的语法特征，比如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性等；此外HTML5还定义了处理非法文档的具体细节，使得所有浏览器和客户端程序能够一致地处理语法错误。HTML的全称是HyperTextMarkupLanguage即超文本标记语言，它是互联网上应用最广泛的标记语言。简单地说，HTML文件就是普通文本...
首先，你需要先下载安装一下go。下载地址：golang.org/安装其实很简单，这里就不说了，安装完成之后，控制台执行下如下命令，确认下go的安装是否成功。如果能够正常输出，证明你的环境已经安装好了，是不是很简单？go在1.11版本中，加入了对WebAssembly的体验支持，目前go的版本已经到了1.14了，可以说对于WebAssembly已经支持的非常好了。关于Go语言中We...
标签云的效果在博客和网站上不难见到，它其实就是带有超链接的某些关键字，为了达到强调主题的作用。通常出现概率比较大或者受欢迎的标签文字显示比较大，相反的就显示的小。我们就不去深入研究标签云带来的效率上的提升和可用性的细节，仅仅在外观上带来的美感和对全站或一整篇文章所起到的高度概括的作用就不容忽视了。接下来，我们将讨论如何用HTML和CSS来创建标签云效果。注意，我们仅仅讨论如何实现这种UI效果而...
目前HTML5技术已经日趋成熟。不仅在PC端，HTML5更是在移动终端上也有广泛的应用，HTML5的未来十分光明，值得学习。学习完HTML5之后，可以做些什么呢？这是不少人的疑惑。那么我们就来看看HTML5究竟有哪些方面应用。1、手机游戏网页游戏3D化随着如今系统性能以及Web或者是手机的科技发展，手机游戏，网页游戏等已经逐渐成熟，越来越多的开发者都需要更加精彩的3D游戏开发内容，而这正是HT...
在html5中使用js的两种方法：使用<script>标签的方式有两种：直接在页面中嵌入JavaScript代码和包含外部JavaScript文件；浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。嵌入脚本：外部脚本：外部脚本的优势：● 可维护性● 可缓存：浏览器能够根据具体的设置缓存链接的所有外部JavaScript文件● 适应未来<script>标...
本项目是基于HTML+CSS+JavaScript实现网页版的拼图游戏。实现过程中将用到HTML5，CSS3及JavaScript相关知识。完成这个项目，可以进一步扎实前端基础知识。九宫格拼图相信大家都玩过了，看似简单的小游戏，但实现起来其实并不那么简单。在以前，写程序是程序员的专利，只有他们才能做出一个软件来。但是现在不同了。科技的进步和经济的发展，使得每个人都可以使用计算机。特...
试想一下，你在夜深人静的时候，准备睡前查看一下订阅的邮件周报，而且还是一个精心设计过的HTML富文本邮件。只不过它只能在pc上完美展现，在手机上最大的字号只有不到4像素，图片也变成了马赛克，会是一种怎样的虐心体验。最近做了一个群发邮件的手机端适配需求就是要解决这个体验问题，先上效果。优化前：优化后：当然，pc端和网页版也要完美适配，outlook、foxmail和网页版效果如下：参考比较常见的...
响应式布局：现在越来越多的用户开始使用手机浏览网页，但是手机和PC的屏幕以及操作方式的区别非常之大，有的时候同样的网站我们不得不写两套代码，一套是用于PC机使用的，另外一套是用于手机的。但是有了响应式布局，就可以让我们只需要编写一套代码，就可以同时在手机和PC上运行。移动端WebAPP开发：HTML5标准制定的过程，正是移动互联网高速发展的过程，所以HTML5也包含了大量对于移动设备的支持。使...
在前端页面布局中，经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用height:100%这样的CSS来写。这样写的话，当容器内内容很多的时候是没有问题的，可以达到预期的效果，但是如果容器内内容比较少，不足以撑起足够的高度的话，这个CSS样式实际上是没起作用的。那要怎么解决这个问题呢？让容器高度充满这个屏幕在容器内容很少的情况下，要想让这个容器充满整...