如果你是一个使用div标签做任何事的家伙,那么这篇文章将对你十分有益。该问重点讲述了如何通过使用富有语义的标签和最少的div标记来编写干净的html代码。你是否曾经也试图去修改别人的一些html模板,那么你一定会被代码里那些肮脏的标签所抓狂。编写干净的html代码,不仅对你自己有益,而且对你的团队也有益。他将大大地节约了你的开发与错误调试时间(特别是比较大的一些项目)。
1.尽可能少地使用div标签;
2.使用div标签来控制页面的整体布局,如头部,内容部,侧边栏,底部等;
3.内容必须包含在对应的语义标签内,而不是包含在div内;
4.格式化你的源代码并且在结束标签处给出对应的注释语言。
该文翻译自:WebDesignWall: Coding Clean and Semantic Templates
昨天晚上收到的求助邮件,说因上级的要求需要制作一个走马灯效果的公告栏,希望我可以帮助他解决。因看到邮件的时候都快要睡觉了,所以并没有立即处理。
今天早上到了公司,放开手边的工作,花了一点点时间给他制作了一个主流浏览器都兼容的走马灯公告栏。然后mail给他,但他过会儿回邮件说缺少鼠标悬停时停止的效果。于是乎有花了几分钟添加了相应的代码。到了下午快下班的时候,该同学又发来了邮件,说我的公告栏的效果有点欠缺,现在的效果和marquee标签的效果一样,需要等内容上移完成后才会重复滚动,如果可以连续滚动的话那就完美了。
于是就在刚刚的时间我有花了几分钟的时间给他解决了,mail给他。不知道他是否还会有什么新的要求呢,期待啊!毕竟这对我来说也是一个挑战嘛,同时也帮助到了别人,何乐而不为呢!
很多博客都有一行显示多个post文章的样式,他的原理其实非常简单,今天找到一段php代码,只需在functions.php文件中添加上,那么你的文章也会多列显示,非常实用!
1.打开functions.php文件,添加相应的php代码,通过判断是否是第二次输出来给出左右浮动的div标签。
2.完成在functions.php文件中添加好上面的代码后,记得打开style.css文件,添加上样式代码。
那么同理,我们可以根据判断$i变量来输出3列、4列等。
Tiobe网站更新了最新09年11月份的编程语言排行榜,该月的更新比之前来的要晚了很多,所以我的博客相应地语言排行榜一文也就推到今日更新。
相比十月份的编程语言排行榜的图表看来,Java、C、PHP、Javascript语言的排名保持了上月的位置,而位置变化最为明显的是Perl语言,从上月的第6位下降到了第8位,该语言不是我所关注的,所以不做更多的评论。
现在的我Javascript语言使用的最多,或者说是jQuery库用的比较多吧。所以我希望Javascript语言可以一直保持他的位置,或者可以更往前提升位置。期待吧…
在之前的文章(工作:辞去旧的工作,迎来新的工作)曾说将共享内部新闻的主题,今天得闲终于可以实现了。之所以说是第三个主题,是因为根据时间来决定的。第一个主题在(主题:我的第一个主题ihiro提供下载了)一文中已经共享给大家,而第二个主题则是我现在用的(暂不共享)。
今天共享的该主题非常简约,是我在前一家留学公司时为公司内部新闻发布而制作的主题。既然是内部新闻,所以是一定要登录了才可以查看的。整个主题文件夹非常精简,总大小13.6k,包括主要的文件index.php、style.css外,只有两个用户分隔的背景图。因为只是用于发表内部新闻的缘故,没有添加评论功能。
介绍函数:和的区别
该主题因需要登录,所以有点局限性,适合公司内部使用。也可以去掉相应的判断代码即可无需登录了。
周末无事,便写了一个简约的scrollTop插件。在前面的文章(jQuery:Scrolltop滑动插件推荐(修正注释版))中,我曾介绍过一款我在网络收集的相关插件。但发现该作者的代码确实很繁琐,不是很优雅。而我的该scrollTop插件代码就那么十多行,代码非常简单,也非常实用,适合大众使用!
这也是算是我的jQuery插件开发之旅的开端吧,以后一有机会我就会陆续开发一些自己的插件,也尽量写一些简约的插件与大家分享。也希望有这方面的朋友可以多多交流。话不多说,上插件!
该插件的好处是无需在html源文件的头部添加任何标签,只需调用方法即可实现效果!