<div class="flex-container"> //盒子外层 <div class="flex-item">可伸缩盒子</div> <div>固定值盒子</div></div>注意：固定值的盒子不能使用浮动float，要设置成display:inline-block; 可伸缩盒子不能是内联元素，如：<a href="" class="flex-item"></a>原文：http://www.cnblogs.com/duhuiling/p/4882889.html
使用缓存会带来巨大的性能提升，还能节省带宽、减少服务端开销，但很多网站对缓存一知半解，让相互依赖的资源出现竞态条件，从而无法同步更新。 使用缓存的最佳实践大体上可以归纳为这两种模式： 模式一：不变内容 + 长时间 max-age Cache-Control: max-age=31536000 URL 对应的内容绝对不会改变，因此： 浏览器 / CDN 直接将这个资源缓存一年也没问题； 在 max-age指定时间内，缓存副本可以直接使用...
HTML参考手册 W3C HTML检查器HTML 标签、属性和属性值对大小写不敏感，但推荐使用小写。 属性值应该包括在引号内，单引号、双引号都可以。 标签的属性总是在开始标签中规定。meta的keyword已被浏览器忽略，无法实现搜索引擎优化(SEO)。 最好只对每个页面使用一次< h1> 目录 标题段落链接图像表格列表有序列表无序列表定义列表(description list，项目及其注释的组合)style 属性文本语义化分类块级元素分类行内元素字符实体表单音频...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...
压缩HTML的起因 如何提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实网页优化的方法还是很多。 有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的...
一:动态改变文本和Html Demo1 p { color:gray; } function changeText() { //innerText属性只能改变HTML内的文本内容,并且支持IE下使用 DT.innerText="我很好"; } function changeHtml() { //innerHTML符合W3C标准,可以在任何浏览器下使用,并且可以改变独享DH内部的HTML语句 DH.innerHTML="我姓肖"; //火狐下只支持以下写法,并不支持在Javascript脚本中直接使用对象名来操作对象 //document.getElementById("DH").inne...
+加好拼接如果不换行，是不会出现执行一段一段执行的情况，但是字符串太长了，换行之后会出现一段一段执行的情况，这样页面生成的div等就不是想要的结果了。 换行要这样拼接 var s=<li class="todetail" data-id="+one.id+"><p class="dd_time">+one.leasetime+</p><div class="info-box"><img src="+fe+" class="dd_face"></div><div class="dd_bot"><span class="dd_nikename">+nikeme+</span><div class="money"><span class="d...
一:动态改变文本和Html Demo1 p { color:gray; } function changeText() { //innerText属性只能改变HTML内的文本内容,并且支持IE下使用 DT.innerText="我很好"; } function changeHtml() { //innerHTML符合W3C标准,可以在任何浏览器下使用,并且可以改变独享DH内部的HTML语句 DH.innerHTML="我姓肖"; //火狐下只支持以下写法,并不支持在Javascript脚本中直接使用对象名来操作对象 //document.getElementById("DH").inne...
为什么要特别提textarea？因为其实textarea这个节点很特殊。而因为这个节点特殊，所以在IE和其它浏览器下，对它的解释不一样。 卖一下关子，哈哈！其实主要原因是今天帮一个师兄修一个BUG，具体是因为从服务器拉数据下来插进textarea的时候失败，这个情况只在IE出现。其它浏览器一切正常！ 首先，为什么textarea特殊？在所有的表单插件里面，textarea的值是写在两个开闭标签之间的，所以它的值在DOM的角度可以看作是文本节点，这是...
在html中添加<script>脚本的方法： 1、可以直接将javascript代码添加到html中 代码如下: <script type="text/javascript"> //javascritp代码 </script> 当解释器嵌入<script>代码时，html页面的处理也会被暂时停止。 2、添加外部js文件 代码如下: <script type="text/javascript" src="外部.js代码的地址"></script> 注意事项：① 在XHTML文档中，可以省略</script>标签，例如： 代码如下: <script type="text/javascript" src="ex...
<button>标签 定义和用法 <button>标签定义一个按钮。 在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。 <button>控件与<inputtype="button">相比，提供了更为强大的功能和更丰富的内容。<button>与</button>标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建...
你可能正在使用 <pre> 标签。这是一个 HTML 中非常特别的标签，它允许其中的空格真正显示出来。例如：四个空格将真实显示成四个空格。这不同于其他标签通常的做法，其他标签会将之间的空白压缩成一个。从这一点来说，<pre>标签真的是很有用。你在 <pre> 标签中使用 <code> 标签吗？<pre> 标签的 “pre” 的意思是 “preformatted text”（预格式化的文本），没有特别规定里面的文本是什么内容。<code> 标签的语义表示其中的文本是代...
Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一个数字，可以带小数// minimum-scale 允许用户最小缩放比例，为一个数字，可以带小数// maximum-scale 允许用户最大缩放比例，为一个数字，可...