文章关键字 ‘标签’

i, b, em, strong元素在HTML5中的新语义

2011年11月26日,星期六

HTML5中的语义那是相当劳力伤神的一件事啊。顾名思意,一知半解情况下使用HTML5的语义化标签,多半会进入“不合理使用标签”的深色名单。我们都是对自己有要求的人,虽然很烦,很折腾,我们还是有必要花大量的功夫去理解每个HTML5标签的真正语义。
不过嘛,这HTML5虽然势如破竹,但是,要真正一统天下还需时日。所以,HTML4还不是很了解的青年们,不必急于追随潮流,什么HTML5啊之类的,就当是浮云,知道有几只眼睛几条腿就行了。因此,对于这类青年,那些专门讲HTML5的文章,基本上可以当作流风之回雪。本文有些特殊,是对比HTML4,HTML5几个标签元素的。因此,不管你是哪个级别的青年,本文内容都算是有看头的。
很多HTML4中的标签元素在HTML5中被赋予了很多新的语义,这就像是给前朝遗孤赐予个什么官爵之类。本文就将讲述……

阅读全文…

关于HTML5中一些被舍弃的元素及特征

2011年06月13日,星期一

如题,本文主要简单介绍HTML5中一些被舍弃的属性特征相关的一些内容,算不上大作,没有demo,只有寥寥文字与几张截图,希望可以对您HTML5的学习提供帮助。

阅读全文…

小卖弄:开心网标签词观点交互的CSS实现

2011年06月10日,星期五

开心网转帖后面有一个标签式的短评观点交互效果,这种效果的精髓与QQ好友印象是很接近的。但是开心网的实现标签N多,层级也N复杂,且JS实现的交换,并使用了背景图片,缺点多多。本文的内容就是如何使用纯CSS实现类似的效果。本文提供必要的demo页面,页面截图和源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…

js下拉菜单实现与可访问性问题的一些思考

2010年09月10日,星期五

从本文的题目可以看出,内容的重点在于“下拉菜单”“可访问性”,其实前面的“下拉菜单”只是用来示例,“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往,丰富的截图,必要的代码示例,还有UI良好的demo页面。天色已晚,话不多说,总之,应该会对您的学习有所帮助的。

阅读全文…

告别图片—使用字符实现兼容性的圆角尖角效果beta版

2009年11月6日,星期五

字符既是文字又是图片,所以很多时候我们可以使用字符代替图片实现一些貌似只有图片才能实现的效果,例如,圆角,尖角等。您就可以使用字符实现这类效果。可以优化页面,提高性能。
本文以Google gmail邮箱中字符应用为引子,讨论的字符的一些特性,与图片相比的一些优缺点。而后,以字符+css的方式展示如果使用字符实现圆角效果,如何实现尖角效果。最后拿新浪微博的对话框做实际的实例,演示如何使用字符代替图片,实现几乎同样效果的优化,以展示字符的实际应用性及潜力。
本文提供详尽细致的demo页面,提供源文件打包下载,希望本文的论述能够对您有所帮助。

阅读全文…

对html与body的一些研究与理解

2009年09月18日,星期五


最近一直构思着写篇关于html标签的文章,虽说之前处理过html标签,也解决过不少棘手的问题,但是对其理解还不是很透彻,很多原理都是自己推测的。
在网上查阅相关资料想整合一下相关的信息,发现深入探讨html,与body的文章很少,只有在蓝色理想看到一篇“一叶千鸟”的这篇“正确认识html与body”有点价值,其余都没有什么相关的好文章。
而这里,我要讲述的与上面的交集并不多,主要是讲述一些关于html与body的各种表现,我自己的一些解释,以及处理相关问题的些经验,很多应该是网上很少提及的东西,内容不算深奥,我尽量截图展示,表述清晰,希望对大家能够有所帮助。

阅读全文…