html
shadow_zed
有人问,你为什么这么努力?-----
因为我喜欢的东西很贵,我喜欢的人很优秀
展开
-
详解HTTP Header里的Range和Content-Range参数
这个话题是从实现一个http资源的静态访问引发的。http协议从1.1开始支持获取文件的部分内容,这为并行下载以及断点续传提供了技术支持。它通过在Header里两个参数实现的,客户端发请求时对应的是Range,服务器端响应时对应的是Content-Range;通过tomcat看一下这两个参数。在应用的根目录下放了一张图片”chain.jpg”,图片的大小是4932字节,用curl模拟分段请求,请求时把respons的header给dump到一个文件里:$ curl -D "resp-header1转载 2021-04-16 11:00:04 · 1766 阅读 · 0 评论 -
解决DIV层被OBJECT、SELECT控件遮盖问题
浮动层或便捷菜单给用户操作极大的便利。使用IE6、7时,SELECT控件不能被DIV遮盖。OBJECT控件也不能被DIV遮盖。究其原因,大多表单控件或HTML控件是使用浏览器本身渲染绘制,因此层次可以由浏览器自身控制。而SELECT控件是Windows窗口控件,同样可见型ActiveX容器也是使用面向Windows技术开发。它们表现实质仍是相同,都是Windows窗口包含句柄。因此,浏览器不能对其调整层次,浏览器本身与他们都是平级的。尽管IE8中解决了SELECT控件的问题,但OBJECT控件依然没办法改变转载 2021-01-18 18:36:52 · 328 阅读 · 0 评论 -
H5直播之MSE(Media Source Extensions)
参考w3c media-sourceMedia Source 系列 - 使用 Media Source Extensions 播放视频全面进阶 H5 直播无 Flash 时代,让直播拥抱 H5(MSE篇)使用 MediaSource 搭建流式播放器一、MSE 意义1.粗识 HTML5 video 标签和MSE媒体源扩展当前网页上能够搜到的HTML5和MSE相关的内容一抓一大把,本文的目的是尽量用较短的篇幅,简述浏览器为何要使用HTML5的MSE扩展。这也是在我最开始接触有关内容时的最大的疑惑。转载 2020-06-19 09:48:21 · 5291 阅读 · 0 评论 -
Data URL简介及Data URL的利弊
Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样,在Data URL协议中,图片被转换成base64编码的字符串形式,并存储在URL中,冠以mime-type。本文中,我将介绍如何巧妙的使用Data URL优化网站加载速度和执行效率。1. Data URL基本原理图片在网页中的使用方法通常是下面这种利用img标记的形式: <imgsrc="images/myimg.gif"> 这种方式...转载 2020-06-10 09:53:02 · 487 阅读 · 0 评论 -
网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"?
语言属性为什么使用 lang="zh-cmn-Hans" 而不是我们通常写的 lang="zh-CN" 呢? 请参考知乎上的讨论:网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"?<!-- 中文 --><htmllang="zh-Hans"><!-- 简体中文 --><htmllang="zh-cmn-Ha...转载 2019-07-30 01:38:08 · 694 阅读 · 0 评论 -
Js/Jquery 获取iframe中的元素
由于公司项目开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。js在父窗口中获取iframe中的元素Js代码 // 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); // 实例window....转载 2018-08-25 16:21:39 · 22759 阅读 · 1 评论 -
CSS 的空格处理
原文:http://www.ruanyifeng.com/blog/2018/07/white-space.html一、空格规则HTML 代码的空格通常会被浏览器忽略。<p>◡◡hello◡◡world◡◡</p>上面是一行 HTML 代码,文字的前部、内部和后部各有两个空格。为了便于识别,这里使用半圆形符号◡表示空格。浏览器的输出结果如下...转载 2018-08-06 09:20:09 · 2692 阅读 · 0 评论 -
H5表单新特性(1)
html5自带表单验证-美化改造神奇的代码暂且叫做html5.css/* === HTML5 validation styles === */.myform select:required,.myform input:required,.myform textarea:required { background: #fff url(../img/red_asterisk.png) n...转载 2017-06-21 20:24:59 · 1238 阅读 · 1 评论 -
emmet常用语法总结
使用方法emmet的使用方法也非常简单,以sublime text为例,直接在编辑器中输入HTML或CSS的代码的缩写,然后按tab键就可以拓展为完整的代码片段。(如果与已有的快捷键有冲突的话,可以自行在编辑器中将拓展键设为其他快捷键)语法:后代:>缩写:nav>ul>linav> ul> li>li> ul>nav>转载 2017-06-01 10:08:20 · 795 阅读 · 0 评论 -
html标签中,单引号和双引号区别:
1. 单独html标签时,单引号和双引号区别:<html><head></head><body><input type = submit value = 提交1><input type = "submit" value = "提交2"><input type = 'submit' value = '提交...转载 2017-05-01 23:33:12 · 23277 阅读 · 0 评论