标签归档:W3C Behavior 行为层

网页主要由三部分组成:结构(Structure)表现(Presentation)行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括 XHTML 和 XML ;表现标准语言主要包括 CSS ;行为标准主要包括对象模型 DOM 等。这些标准大部分由 W3C 起草和发布。

常见网页选项卡 tab 的制作代码及优化小建议

选项卡(Tab)起初似乎是做为控件被封装到图形用户界面元素中的一个组件,在应用程序中选项卡式界面可以大大的节省界面空间进而使一组类似的功能选项变的井井有条,目前主流的各种网页浏览器均已采用选项卡式页面浏览另外还有被微软大量运用在新版办公软件(Office)及操作系统(Windows)中的 Ribbon 控件核心也是选项卡式的设计,当然在网页中使用选项卡的例子更为常见如淘宝(TaoBao)的搜索框及右边栏就大量使用了选项卡式结构从而节省了近三倍页面空间,所以对于选项卡式网页的制作也是我们最基本需要掌握的… 继续阅读

【Drupal】简化 WYSIWYG 编辑器的图片上传操作

虽然 Drupal WYSIWYG 所见即所得模块非常之强大,为超过 10 种流行的网页编辑器提供与 Drupal 结合的中间层,但其实很多时候我发现项目站点的需求并没有那么多,很多时候我们只需要一个简单的网页编辑器加上简单的图片或文件上传功能即可,但在 Drupal 中似乎并不容易实现这些需求,出于安全等因素的考虑多数编辑器如 FckEditor TinyMCE 等其图片上传工作除 WYSISYG 模块外还需要 IMCE 模块来提供中间层支持,而 IMCE 繁琐的上传步骤不单让我们自己头疼也使绝大多数用户在使用 IMCE 上传图片时觉得繁琐,我自己粗略回忆一下至少还需要约 8 次鼠标点击才能在编辑器里面看到上传的图片这是非常不利于用户体验的,下面提供一些方法和代码可以大大减少上传图片的点击步骤简化上传图片和文件的操作 继续阅读

【jQuery】网页标签属性中含有 tab 跳格符将导致 jQuery 选择器失效

在 XHTML 代码标签(如 DIV 等)的类 class 中包含多个值时如果以 tab 跳格符分隔虽然在 css 中可以被正确识别但将可能导致 jQuery 的选择器失效。发现这个问题是在制作 Drupal 的节点模板中根据条件为 div 添加额外的 class 时发现的。 继续阅读

【jQuery】使用 js & jQuery 控制链接在新窗口 _blank 打开

既然 W3C 严格标准将 target=”_blank” 属性剔除,原因是 W3C 认为未经用户同意就打开新窗口是一种不礼貌的行为,容易破坏用户体验。那么问题来了,如何能即符合 W3C 严格标准又能使页面在新窗口打开呢?按 W3C 的意思是为需要弹出新窗口的 a 链接标记添加一个 rel=”external” 属性,或许等这种标准普及以后可以通过浏览器设置是否弹出包含有 rel=”external” 属性的链接,不过目前的情况是用户希望浏览器拼命的屏蔽各种弹出广告而同时 target=”_blank” 又是我们需要的属性,具体代码可按以下方法书写……

继续阅读

Web Standard 网页标准 (W3C)

首先 Web Standard 不是某一个标准,而是一系列标准的集合,World Wide Web Consortium (W3C) 将网页主要分为三个组成部分:结构(Structure)、表现(Presentation)行为(Behavior)。而对应的标准也分三方面:结构化标准语言主要包括XHTML 和 XML,表现标准语言主要包括 CSS ,而行为标准主要包括对象模型 DOM ECMAScript 等。这些标准大部分由W3C 起草和发布,也有一些是其他标准组织制订的标准,比如 ECMA (European Computer Manufacturers Association) 的 ECMAScript 标准。
继续阅读