FED

iframe原本的用法在现在看来是不合时宜的，问题太多了，不一一列举，但是它的其他功能却是不错的黑魔法，这里列举一些，想到了再更新：在websocket不可用的时候作为一种替代，最开始由google发明。Comet：基于HTTP长连接的“服务器推”技术JavaScript跨域总结与解决办法，类似的还有浏览器多页面通信，比如音乐播放器，用户如果打开了多个tab页，应该只有一个在播放。历史记录管理，解决ajax化网站响应浏览器前进后退按钮的方案，在html5的historyapi不可用时作为一种替代。...

<picture>标签提供可声明式的方式来加载图片。网页开发者不必非要用CSS和JS来处理响应式的图片加载。用这种方式的好处是提高加载速度—尤其是在移动端时网络情况不好的时候。随着新的属性srcset、sizes加入到<img>标签，<picture>标签给网页开发者更多的灵活性来定义图片的源。书写清晰的标记来让浏览器检测到下面不同的标记，忽略还是加载，来支持响应式设计并提高加载的时间：...

HTMLhead头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head头部结构，移动端的meta元素，显得更为重要。了解每个标签的意义，写出满足自己需求的head头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的head中各个标签、元素的意义以及使用场景。DOCTYPE(DocumentType)，该声明位于文档中最前面的位置，处于html标签之前，此标签告知浏览器文档使用哪种HTML或者XHTML规范。...

在所有HTML文档中规定DOCTYPE是非常重要的，这样浏览器就能了解预期的文档类型，告诉浏览器要通过哪一种规范（文档类型定义，DTD）解析文档（比如HTML或XHTML规范）；!DOCTYPE声明不属于HTML标签；tag;它是一条指令，告诉浏览器编写页面所用的标记的版本。...

在html里创建一个是下载链接是方便的，添加一个<a>标签和指向文件的href属性就行了。但是某些文件不会被下载（比如图像，pdf，txt，doc），相反，他们会在浏览器中被打开。如果你的站点是有服务器端的，你可以通过配置.htaccess文件来使得那些文件可以被下载。如果你的站点是被WordPress.com或者github页面托管的（静态页面），那么轻考虑使用<a>标签的download属性...