标签归档:W3C Web Standard 网页标准

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

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

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

【CSS】用于区分浏览器的资料及推荐做法(JS)

由于浏览器对 CSS 标准各种属性解释的不尽相同(其主要体现在微软的 IE6 及其他一些旧版本浏览器)我们需要在引入 CSS 文件时采用 IE 独有的条件注释(如 [if IE] [endif] 等)或是在 CSS 中避免使用容易混淆的属性(如同时存在左浮动及左边界等)当然目前用的比较多的仍然是后面将要提供的 CSS Hack 资料,但我个人则推荐最后面提供的 JavaScript 方法来处理: 继续阅读

【网站开发】网页“浏览器兼容性”测试工具推荐及下载

目前比较主流的浏览器有 IE Firefox Safari Opera 等,通常同一核心版本的浏览器所呈现的效果相同,于是我们通常主要测试这些核心:Trident(IE)Gecko(Firefox)WebCore(Safari)Presto(Opera)这四个浏览器核心几乎囊括了所有的用户。做为网站开发人员,各种浏览器甚至是同一浏览器的多平台兼容性问题都是必须要面对的,这里推荐一些非常好用的工具及服务来帮助你很方便的调试你的页面在各种操作系统的各种浏览器核心下的兼容性测试…… 继续阅读

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

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

继续阅读

层叠样式表 CSS 深入学习(三) Box Model 盒模型

我个人认为,彻底深入的学习 CSS 需要非常清晰透彻的理解 CSS 的四大核心要点即: 盒模型、文档流、浮动、定位。为防止一些同学在个人理解时可能走的一些弯路,这里将分别从这几个核心要点谈起,今天首先需要讲述的便是 CSS 的首要核心要点:CSS Box Model 盒模型。

继续阅读

“网页重构”试题解答(下)

继续昨天转载 一份“网页重构”试题 解答的后半部分,看这些题目会发现后面的“用心想一想”和“勇气拼一拼”侧重于 代码缩写 代码语义 及 灵活应用,也就是说,虽然后面这些题目考察的知识即使不懂也是可以排出页面的,但如果将来你的页面每天面临上万甚至上亿次的访问呢,代码缩写的意义就在于此;而代码语义既可以对于搜索引擎友好又可以在关闭 CSS 渲染的模式下带给用户不至于太糟的体验;灵活运用则是为了考察你代码的兼容性及强壮稳定性,对于复杂页面结构的代码需要兼容所有的主流浏览器的各个版本,而灵活的使用多种方法制作页面效果也是必须的。

继续阅读

“网页重构”试题解答(上)

昨天转载了 一份“网页重构”试题 今天我就试题里面的内容进行一下简单的解答和点评,之所以叫“网页重构”而不是通常我们提到的“网站重构”说明该试题考察的知识面并不宽泛,如果这份试题真是某公司的面试问卷的话,可以看出该公司工作分工之详细。废话就不多说了,以下是我自己的一些解答和简单点评,如有网友对于一些问题的答案持不同意见可在后面留言…… 继续阅读

一份“网页重构”试题

今天网上闲逛无意间看到有这么一份“网页重构”试题,据说是某国内知名互联网公司的实习生招聘“海选”试题(具体真实性及哪个公司此处不做讨论仅供学习交流之用)同是做网站前端的朋友可以看一看是否你能轻松应对,明天我会贴出我自己做的答案并做一些简单的解题说明和点评给大家参考一下,试题部分如下:

继续阅读

浅谈 网页色彩颜色配色搭配 (二) 技巧篇

前面《基础篇》里面介绍了网页色彩颜色的配色最基本的一些常识,在本文《技巧篇》将给介绍一些容易掌握的原理及技巧,虽然成为一个优秀的网页设计师可能需要很长时间的经验积累,但一些原理和技巧是很容易通过一些小的练习掌握的。

继续阅读