简明现代魔法 -> HTML超文本标记语言

深入解析 HTML DocumentType 元素

不起眼的一个细节学问也很多

W3C规范的正确翻译应该为W3C推荐(W3C Recommendations)。很多设计师的眼里W3C就是标准。但是许多人都是一知半解。下面列于了目前W3C规范中的HTML规范和XHTML规范,稍后会讲解HTML和XHTML的关系。 XHTML可以看成是最新的HTML规范,是一项可从 HTML 4.01 平稳迁移的 XML 应用。

发布于 2010-07-13 分类:html

合理使用表单中的重置与取消

重置按钮可能会伤害到用户

在大部分网页表单中,移除重置按钮会有效提升可用性,同样的,取消按钮对网页的意义也不太大。启发式的交互设计中最基本的一点是在任何情况下为用户提供“紧急出口”,离开当前环境。撤销功能是最好的解决方法之一,基本原则只是告诉我们要提供撤销功能但并没有告诉我们怎么做。

发布于 2010-06-30 分类:html

表单中Readonly和Disabled的区别

灵活运用这两个属性

Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。

发布于 2010-06-22 分类:html

em 与 px 的区别

让你的网站易用性更好

在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少 px。

发布于 2010-05-24 分类:html

HTML5特性前瞻

互联网未来的根基技术

谷歌的两位工程师做了一个展示HTML5的PPT项目 html5-slides 来展示HTML5的各种特性,看后感慨颇多。下面是本站的一个观看:HTML 5 特性。如果你用不支持 HTML5 的浏览器看的话,也许不但无法观看,还会出现许多错误提示,推荐用 Chrome 观看这个页面。HTML 5是Google未来网络服务的根基,所以Google正不遗余力的做推广。最新发布的视频演示了HTML 5的强大威力。

发布于 2010-05-20 分类:html

如何在 select 下拉框中显示图片

让你的slelet控件更加个性化

Select 中只能用文本,要显示图片需要借助 JavaScript 来完成。本文介绍如何用 JavaScript 来实现 Slelect 下 option 中显示图片。

发布于 2010-05-05 分类:html

表单中input的type属性介绍

input的type属性可以使input呈现出多种样式

form 表单中 input 的类型有以下几种:<input type="text" />、<input type="password" />、<input type="radio" />等等。

发布于 2010-05-04 分类:html

编写 HTML 的一些建议

HTML的一些规范

一般要写兼容IE6,IE7和 Firefox 的网页,最省事的方法就先写适合 IE7 的样式,因为 IE7 和 Firefox 很接近,这样判断浏览器兼容的工作量就能减小到最少。尽量不要用 ID 来定义或索引样式,ID 的唯一性比较高,且用 ID 索引样式效率非常低而且兼容性的问题也比较明显。总之所有的一切都为了精简,为了效率,也为了重用。

发布于 2010-04-16 分类:html

input 中 type='text' 的提交问题

全面总计页面输入的问题

有时候我们希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。

发布于 2010-03-15 分类:html

停止使用 IE6 的提示代码

让我们一起加速 IE 6 的消亡吧

让我们一起加速 IE 6 的消亡吧。在 IE6 下看到的画面如下……

发布于 2010-03-10 分类:html

键盘回车事件导致页面刷新的问题

在form后面加一个onsubmit返回false来阻止form提交

在文本框中输入关键字按回车,页面自动刷新了,结果肯定是没有实现无刷新搜索了。想了想,可能是按回车后默认提交了表单,于是将form去掉,果然不刷了。但是还是会有很多地方需要用到form。一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。

发布于 2010-03-09 分类:html

iframe 和 frame 的区别

两个HTML元素的深刻理解

提起iframe,可能你早已将之扔到“被遗忘的角落”了,不过,说起其兄弟frame就不会陌生了。frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地上,每页末尾做一个“上一节“、“下一节“的链接,除了每节教程内容不同之外,页面其它部分内容都是相同的……

发布于 2010-03-08 分类:html

用锚实现同一页面内跳转

锚标签的name属性的使用

HTML 使用 <a> (锚)标签来创建连接另一个文档的链接。锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。Name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。

发布于 2010-01-13 分类:html

使用dl、dt、dd标签代替表格

自定义列表dl的使用

过去有很多网页设计师喜欢将他们的网页效果图用table布局实现成网页,但是这样做会遇到一个比较麻烦的问题就是,后期调试和维护会相当的困难。现在,越来越多的前端开发er们开始使用xHTML CSS替代最初的table布局完成网页的整体布局,不但让网站降低了开发和维护的成本,而且代码也更语义化了。

发布于 2010-01-10 分类:html

HTML 符号实体

让你的网页加入更多美观的字符

您发现了没有,图中的文字中用到了许多修饰的小图标,是不是给界面的美观增色不少?是的,合理的运用这些小图标既可以使轻松指引读者还可以从细节上为网页整体增色,何乐而不为呢?那么是不是要去搜集一些类似的小图标呢?答案是不用。那些事只有美工才需要,我们一向比较懒,所以我们就…

发布于 2010-01-05 分类:html
 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们