注意：这篇文章描述了一种我们仍需要测其试性能影响的实验技术。 它可能最终会成为一种有用的工具，也有可能成为不被推荐的做法。 无论哪种方式，它对我们来说很有吸引力！ 只要我一直工作在 Web 上，就需要一种简单的 HTML 驱动方式，将另一个文件的内容直接包含在页面中。 例如，我…

Sgml、 HTML 和 XML 都是标记语言。 “标记”一词起源于编辑对作者手稿进行修改。 编辑“标记”手稿，以突出某些领域。 在计算机技术中，标记语言是一组单词和符号，它们突出显示文本以定义网页文档。 例如，网页设计师使用标记语言来分隔段落并用黑体字表示字母。 一旦理解了 …

你们好呀，我是wangly，一名下班摸鱼的前端老倒霉蛋了。今年慢慢的开始把博客抓起来了。分享下一些日常技术和自己做的小项目。这次分享的是一个 <img> 标签在页面上渲染，如何做到让用户感到体验非常棒的呈现方法。 众所周知，图片一直都是属于比较占用资源的东西。因为图片有大有小，…

作为了一个前端 帅小伙/靓姑娘，开发的时候总是会和 HTML 标签打交道。一来二往的就熟悉的开始使用 div + css 的布局了，今天介绍一篇很早以前就出现，但是没有太多人（我认识的人使用的不是很多）使用的HTML的其它标签，赶快来认识它们吧。 HTML <pre> 元素表示…

在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多，本文仅针对几种web应用中常用的图片格式：gif、png、jpg、webp进行一个基本的总结。 无压缩。无压缩的图…

之前写过一个 你知道却不常用的HTML标签（一） ,今天接着之前的继续来学习一下 HTML 的不常用但又特别实在的标签吧。Follow me~~ vedio、audio 和 track 三者都是 HTML5 的产物，相信很多小伙伴，都肯定使用过<video>和<audio> ，…

在目前的前端领域，单页web应用（SPA）已经有了比较高的占有率，比较主流的web框架React、Angular、Vue几乎已经统治了前端市场。 单页应用确实带来了更好的前后端分离，以及用户体验好、快，内容的改变不需要重新加载整个页面等等的优点，喜忧参半，SPA应用首屏加载慢、…

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…

html5的video已经出来很久了。在ios上使用基本上没什么毛病，但是安卓下就是一个重灾区了，各种体验差。这几天搞了安卓的兼容，简直是要吐血。所以特意总结了一些强势的坑点。 在ios上会自动全屏播放，需要在video标签上设置一个属性 webkit-playsinline，…