<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 允许用户最大缩放比例,为一个数字,可...