HTML小技巧
超文本标记语言。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。相信Web开发的你都会熟悉HTML语言,但是HTML开发过程中你会碰到一些千奇百怪的问题,这里就是分享这些小技巧的地方。
Spring_Ji
乐观、开朗、自信,喜欢英语、编程、篮球等等,希望结交更多的朋友。
展开
-
强大的Http监控工具Fidder
软件下载:http://fiddler2.com/get-fiddler软件学习:http://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html#request 1、主页面:我们经常用到的功能就是查看回话列表的详细信息【Http Request和HttpResponse】2、监控信息的主要内容:红色字体原创 2013-08-19 17:52:44 · 14260 阅读 · 0 评论 -
<!DocType Html>
不管是刚接触前端,还是你已经“精通”web前端开发的内容,你应该知道在你写html的时候需要定义文档类型;你知道如果没有它,浏览器在渲染页面的时候会使用怪异模式;你知道各个浏览器在怪异模式下对各个元素渲染是有差异的。所以你会写像这样的doctype:XHTML1好在现在的各种web开发工具都足够转载 2012-06-04 11:15:22 · 2229 阅读 · 0 评论 -
table合并单元格colspan和rowspan
colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数:在浏览器中将显示如下:单元格1单元格2单元格3单元格4该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为“转载 2012-07-07 16:18:37 · 179678 阅读 · 4 评论 -
IE快捷键
IE快捷键: F11:在全屏幕和常规浏览器窗口之间进行切换 TAB:在WEB页,地址栏和链接栏中向前移动到下一个项目 shift+Tab:在web页,地址栏和链接栏中向后返回到上一个项目 Alt+home:进入你的主页 Alt+向右箭头:转到下一页Alt+向左箭头或backspace:返回前一页 shift+F10:显示某个链接的快捷菜单ctrl+Tab或F原创 2012-07-18 08:37:35 · 1530 阅读 · 0 评论 -
html转成一行的小技巧
把html复制到word中,在word在替换掉回车符。word中,用^p表示回车符。原创 2012-10-24 12:06:05 · 2780 阅读 · 0 评论 -
jQuery获得IE版本不准确(webbrowser)
用$.browser.version经常出现一些不准确的状况,最近碰到,做了一些总结,不知道是否全面。用javasript的navigator.userAgent.indexOf("MSIE 8.0")取法结果是一样的。1、用webbrowser加载htm、html页面,此时加载后获取IE的版本就是不准确的,比如我的机器是IE9,但是通过webbrowser加载之后,$.browser.v原创 2012-11-26 10:44:53 · 3752 阅读 · 1 评论 -
一个下载图标(Icon)非常棒的网站
http://www.easyicon.cn/iconsearch/map/原创 2012-12-08 10:28:42 · 2283 阅读 · 0 评论 -
compatMode与documentMode呈现模式
随着IE开始区分标准模式和怪异模式,确定浏览器处于何种模式的需求也就应运而生。IE为document对象添加了一个名为compatMode属性,这个属性的唯一使命就是表示浏览器处于什么模式。如下面的例子所示,如果是标准模式,则document.compatMode的值等于”CSS1Compat“,如果是怪异模式,则document.compatMode的值等于”BackCompat“。code原创 2012-12-11 22:24:02 · 6886 阅读 · 1 评论 -
分享一下TimeElapsed(TimeLine)【jQuery版】的优美界面
此功能翻译成中文叫时态GIS,查阅的相关的资料,主要都是基于理论性质的东西,就是在二维或者三维空间中加入时间的概念,但是未见有真正的实践。 完成开发TimeElapsed的工作已经有半年多的时间了,一直没有时间拿出来与博友分享,今天突然想起来,与大家分享一下: 最早想起来要做这个功能的是因为一个国外的TimeElapsed的网站:http://vfdemo.id原创 2012-12-18 09:21:03 · 8185 阅读 · 4 评论 -
HTML超出文本显示省略号...[text-overflow]
需要对div或者span同时应用Css: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 即可实现所想要得到的溢出文本显示省略号效果。当然了你的页面元素要设置固定的宽度,超出了宽度才会显示。原创 2013-01-24 14:39:54 · 14947 阅读 · 0 评论 -
各浏览器对小数处理取整的情况对比【IE、chrome、firefox、safari】
今天终于遇到这个浏览器下对小数处理不同的问题了,经过我的测试,得出的结论如下:1、四舍五入的浏览器:IE8、IE9、Chrome、Firefox2、直接取整的浏览器:IE7、Safari 测试代码: .class1 { width:10.1px; height:6px; border:0px; background-color:Black原创 2013-03-05 16:36:34 · 5017 阅读 · 0 评论 -
设置div的最小宽度
min-width: 80px;此属性只能对div使用,span不行。原创 2013-04-09 15:05:05 · 1640 阅读 · 0 评论 -
“浏览器模式”和“文档模式”之间的区别
只有IE浏览器中才会有“浏览器模式”和“文档模式”,兼容性视图涉及两个重要的功能便是“浏览器模式【browser mode】”和“文档模式【document mode】”,在IE8/IE9中按F12键,打开“开发人员工具”,在菜单栏中可以看到“浏览器模式”和“文档模式”的切换菜单,其中可以选择切换到IE7/8等不同的网页模式。这个设置之后在js中可以通过navigator.userAgent获得浏原创 2013-03-13 15:21:04 · 13506 阅读 · 0 评论 -
table自动拉伸在chrome与IE中的区别
最近在做浏览器兼容,有个table自动拉伸的问题一直困扰着我,这个问题今天终于告一段落了,这篇文章我是极力推荐的,如果碰到这个问题的朋友,我相信你一定会感激我的,如果文章对你有帮助,请留言支持,也可以进行交流。 table这个html中的元素很多人是不推荐用的,因为table有时候不好控制,一些内容自动非配td宽度以及内容撑开,边的问题有时候很让人头疼,如果你有此类原创 2013-03-25 09:14:55 · 4633 阅读 · 0 评论 -
跨浏览器总结(IE7/IE8/IE9/Safari/Chrome/Firefox)
最近在做项目的升级工作,主要是跨浏览器这块,遇到了一些问题并且做了总结,贴出来与大家分享一下,如果你也遇到类似的问题,希望对你有一定的帮助。闲话少叙,进入正题,按照我总结的顺序来吧。1、获取浏览器的版本,这个是很重要的,在做这个工作之初我就写好了,因为过程中总有无法兼容的情况,就必须进行浏览器判断:我封装了一下,并且经过了测试【我这里不考虑IE的兼容模式】,喜欢的朋友可以直接拿走。va原创 2013-04-03 11:30:22 · 4723 阅读 · 4 评论 -
HTML140种常用RGB颜色代码列表
非常有用的RGB代码列表,收藏吧!原创 2013-08-16 11:26:50 · 6307 阅读 · 0 评论 -
新版Timeline的界面展示
此功能融合了TimeElapsed的技术框架,并且引入了Timeline的infobox进行界面展示,丰富了页面效果,用HTML替代了原有Silverlight的实现方式,界面感强,能够进行Drag和Resize,不同的颜色代表不同的事件类型,点击More可以显示更加详细的信息,点击Link可以链接到对应Event的Summary页面,事件有覆盖的地方,可以上下拖动进行查看,程序加载过程会自动初始原创 2013-11-13 14:50:56 · 4516 阅读 · 2 评论 -
如何让DIV可编辑、可拖动
1、可编辑: contentEditable="true">可编辑设置contentEditable属性可以让div编程可编辑状态2、可拖动:$('#move').draggable();使用jQuery UI的draggable可以让div变成可拖动状态,但是如果两个属性同时应用就会出现可编辑功能失效的状况。3、可编辑、可拖动:contentEditable="t原创 2013-09-17 11:28:14 · 31627 阅读 · 9 评论 -
Web页面莫名其妙的问题【原因一:兼容模式】
在web开发的过程中,很多时候我们会碰到一些莫名其妙的问题,今天我就碰到了一次,没修改几行代码,页面一片空白,尝试了几次Ctrl+Z无果,后来终于找到了问题的所在,索性做一个系统的解决方案的分析。 一般情况我们的页面很复杂,引用了很多js,有通用控件的,也有自己开发的,遇到这种问题先不要慌,静下心来,寻找原因,切忌不明就里的乱改一通,最后导致乱了,自己都不知道怎么回事了。 遇到原创 2014-01-06 14:58:35 · 2949 阅读 · 1 评论 -
js获得页面的高度和宽度
今天在做一个弹出dialog时,遇用到了取父页面的宽度和高度的方法。 尝试了几种方式,比如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方法之后,发现这个方法都不是我想要的结果,后来发现了一个高效的方式与大家分享: 在需要取高度和宽度的地方加断点调试【debugger原创 2014-01-15 14:23:24 · 2105 阅读 · 0 评论