HTML
关注
分享
扫一扫
文章平均质量分 51
nelson
一个幸运的从windows开发转到liunx开发的前端工程师～
前端的喜怒哀乐，一一印记心中。
无论如何要记住，我们是做产品的！希望你也能明白这句话的意思。;)
展开
-
关于html压缩的一些思考
曾几何时，一直在思考着是否可以压缩html的问题，因为js以及css的压缩问题已经解决了。但是为什么html不能压缩呢？这里就碰到了几个问题：压缩之后，空隙减少导致有些布局不能展现，比如：上回的图片居中对齐问题就是一定要有空白。我后来看看了这两篇文章：http://lifesinger.org/blog/2010/05/why-dont-compress-html/以及http://www.ued163.com/?p=814我发现其实还是可行的，为什么这么说呢？就像第一篇说的那样：HTML 文档中，多个空白原创 2010-11-30 11:03:00 · 308 阅读 · 0 评论 -
colgroup/col兼容性一览表及其说明
colgroup/col兼容性一览表 IE6IE7IE8FF7Chrome12Opera11字体(font)YYNNNN颜色(color)YYNNNN宽度(width)YYYYYY高度(height)NNNNNN原创 2011-11-11 17:28:01 · 950 阅读 · 0 评论 -
HTML中的target属性之framename
包含target属性的标签有： 。对应的target值有：_blank_parent_self_topframename (标签没有)对于上面四个来说，再熟悉不过了。但是很少有人注意到或者说使用到第五个值：framename。因为它设计得实在是太巧妙了。。。这里我给出一个替代异步的ajax登录方式的例子。但凡登录大多都是不能通过ajax方式去原创 2011-12-01 18:24:26 · 2305 阅读 · 0 评论 -
谈谈DOM结构的重要性
其实在很多Web前端招聘都很少谈及DOM结构的问题，大多都跟JS有关。但是nelson个人认为一个好的页面的含义更重要的是一个好的DOM结构，因为页面的内容都是通过DOM结构呈现给用户的，所以一个好的前端工程师所具备的远远不止会写好一段好的JS代码。一个好的DOM结构能够少写原创 2011-08-25 07:23:11 · 791 阅读 · 0 评论 -
chrome下input[type=text]的placeholder不垂直居中的问题解决
但是在chrome下显示的search word并不能垂直居中。后来找了很久终于在stackoverflow上找到了对应的方法。参考：http://stackoverflow.com/questions/4919680/html5-placeholder-css-pa原创 2011-09-19 13:07:06 · 4174 阅读 · 0 评论 -
跨浏览器的drag、drop（拖拽）事件
<br />首先，需要清楚的一点是：对于支持html5的浏览器，要想拖动当前这个元素只需要再元素的标签内多添加一个属性：draggable="true"，然后在IE下，只有在a标签内加入这个属性才可以拖动一个标签。<br />当然，如果说用mouse属性模拟的话，也可以拖动一个标签，但是这个话题就不在本文的讨论范围了。<br />对于用鼠标拖动的元素能触发的事件有：ondragstart, ondrag, ondragend。 ondragenter, ondragover, ondragleave.<br原创 2011-05-09 07:31:00 · 967 阅读 · 0 评论 -
卡盘（更新版）
想了想还是重新写过卡盘的实现吧，当然，还是去实现那种一直向上滚的模式，因为我觉得这种方式在交互上，更重要的是用户体验上更人性化。然后根据我之前写的卡盘，做了两种写法，（当然，这回我使用的是jquery）大致如下：First Grid Demo原创 2011-05-02 10:53:00 · 656 阅读 · 0 评论 -
IE6、7下table的rowspan BUG
今天写了一个类似下面的一个table结构：rqeweweewew111111111111 但是惊奇的发现IE6、7下，第二列被重叠了。只剩下一点点的宽度。要看这个效果的话就是用ie7打开当前这个页面。然后就Google，但是找了半天还是没有找到相关的说明。接着就开始自己着手解决了，首先增加一个tr，把td标签全部填充好，然后再看一下效果，发现，一切又正常了。然后就想到的是通过隐藏一个tr标签来达到。我的解决办法是：在这个隐藏的tr上加上两个属性：visibility: hidden;height: 0;原创 2011-05-09 07:11:00 · 1211 阅读 · 0 评论 -
树
<br />虽然知道有一款jsTree的插件，但是自己还是想自己亲自写一个类似的东西，毕竟看别人的不如自己亲自动手写来得好来得快。<br />思路大致如下：假设边框的值为1px，每个节点（除了最顶端的root）父级节点都有对应的背景；一个节点如果他有下一个兄弟节点，那么它的左边框就有对应的为1px的边框，并且背景左移1px。<br /><!doctype html><html><head> <title>template</title> <meta charset="utf-8" />原创 2011-03-13 18:30:00 · 274 阅读 · 0 评论 -
FF和Safari下用label，嵌套两个表单元素，两个变大元素都触发
今天在写代码的时候发现很奇怪的事情，就是在火狐FF点击checkbox竟然两个checkbox都触发点击事件。记住用户名两周内免登录非常的奇怪：记住用户名 两周内免登录 火狐3.8.10下像上面这样你点击两周内免登录，结果前面的记住用户名那块打钩了。然后是Safari下，同样有这样的问题。然后看下面：忘记密码？注册点忘记密码旁边的空白处，惊人的发现它触发了登录按钮。这足以说明，label下不能接两个表单标签。仅此以原创 2010-11-24 21:08:00 · 464 阅读 · 0 评论 -
在淘宝里，他们总结的一些前端Tips
<br />3.2 - 3.5<br /> <br />1.【约定】文件命名全部都用小写和下划线，样式命名全部使用小写和连接符，JS的钩子使用“J_HiTao”<br />2.【HTML】需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用以”data-“为前缀来添加自定义属性，避免使用”data:”<br />3.【约定】文件要求编码必须为GBK、GB2312或者GB18030<br />4.【HTML】html代码要求所有的标签、属性都是用小写字母转载 2010-12-15 17:53:00 · 1342 阅读 · 0 评论 -
省份选择器DPL
<br />做什么呢？直接贴代码，看得更清楚：<br /><!doctype html><html><head><meta charset="gbk"><title>First Grid Demo</title><link rel="stylesheet" charset="gbk" href="css/tbsp.css" mce_href="css/tbsp.css" media="screen" /><style>body{ padding-left: 30px;}原创 2010-12-13 09:24:00 · 457 阅读 · 0 评论 -
html中的img元素usemap在Dreamweaver下直接就能看到效果
<br />今天试了一下img的usemap，但是很困惑，虽然自己明白那个意思，但是就是不能清清楚楚的看到实实在在的效果，想了想最后还是在网上搜，没想到搜了好久才搜到Dreamweaver下直接就能看到效果。然后一查看，果然如此。。。原创 2010-12-12 19:20:00 · 655 阅读 · 0 评论 -
跨域iframe动态设置高度
思想可以参考：http://www.cnblogs.com/yuzhongwusan/archive/2009/01/07/1371063.html首先写一个需要插入的文件。定为：http://10.13.190.76/daily/index.html 内容如下：First Grid Demo上面是测试自动适应高度的iframe原创 2010-12-06 20:16:00 · 1087 阅读 · 0 评论 -
注释节点的探究（获取注释节点的值）
<br />今天同测试发现能够获取到注释节点，<br /><!--test text--><p id="p">sddd</p><!--test text 1--> <br />如下js:<br />var b = document.body, c = b.childNodes, i;for(i = 0; i< c.length; i++){ var str = c[i].nodeType+' '+c[i].nodeName+' '+c[i].nodeValue+'/n'; window.原创 2010-12-03 15:43:00 · 568 阅读 · 0 评论 -
经典背景自适应导航栏布局之我见
一、前言说起导航栏，几乎是每个网站必不可少的，也是极为重要的一部分。开始介绍一下我所认为的一种比较好的自适应导航栏实现。二、基本的HTML实现html是一切网页的基础，也是最最重要的一部分，它决定了你怎么写CSS，JS。这里可以大概参考我之前写的一篇，论HTML的主要性。 首页 招聘职位原创 2012-08-30 19:43:48 · 1050 阅读 · 0 评论