Category

Archive for the 'Web Standard' Category

360 浏览器,你敢给自己起个名吗?

在网站开发过程中,自己和同行经常遇到,网站在360浏览器中出现莫名其妙的问题,而在原生的IE里却正常的。在获取浏览器userAgent串时发现,居然是和IE的一样,使得做浏览器判断不可能。
有本事你就把浏览器做的和IE一样,不是这个BUG,就是那个漏洞的,还堂皇的伪装成IE。人家腾讯、傲游做得比你强多了,都还有个名字TencentTraveler,Maxthon 。正常应用都被你安全掉了,和病毒有什么区别。
你敢给自己起个名吗?好汉做事好汉当,别老冒充人家IE,用人家IE内核,NB你也自己做个内核啊。

焦点轮播区域的形式

  时下在互联网上很流行焦点区域轮播(焦点图)的形式,形式上就是以醒目的大图或配以说明性文字,进行定时交替播放。至于实现的技术手段就是FLASH或javascript的动态前台技术(基本没有什么技术含量可言)。不过从呈现方式上虽然精髓都是同一个,都是以同一区域展示的信息量成倍增加为最终目的,但是呈现效果、用户体验上可就是五花八门,百家争鸣,百花其放,丑态百出(这个好象不搭调)。
  现面我们就拿几个最典型的实现方式来小论一下:
  首先是在国内网站上比较流行的一种焦点图方式,所谓的新浪风格:

focus_sina
新浪的焦点轮播

这种轮播方式被国内大大小小网站拿来的拿来,演绎的演绎:

小熊
小熊在线的焦点轮播

太平洋电脑网
太平洋电脑网的焦点轮播

  要说明的是这种轮播图的方式目的已经达到,即上述的内容展示加倍。但是这种形式有两个缺点。第一,下面的当前播放的指示,不知设计人员是怎么考虑的,一个焦点图的位置能放几十还是几百张图片吗?最多超不过10张(通常3-5张),难道把用户当白痴数不清10以内或5以内的数?非要你标记一下那难看的系统字体的数字在下面?下面的指示器目的是说明共几张,当前第几张,小色块就足够了,加数字即影响美观又增加不必要的文件大小,简直是画蛇添足。第二,就是花里胡哨的过场效果,本来就不大的焦点区弄些乱七八糟的过场,用户刚看上去还比较新鲜,不出两三次就会烦,所以不要添加过场,这样就不会触犯任何审美倾向的用户。而且相当程度上减小了文件大小,带宽等开销,提升用户浏览的流畅性。

  第二种是上述情况的改进型,个人认为是最好的轮播方式,简洁大方,好用易用:

yahoo_news
news.yahoo.com

CCTV
CCTV

  这两个就是使用了小ICON做播放指示,简洁大方。CCTV的张数就有些多了,这时使用数字才比较合适,不过还可以接受。而YAHOO的那个只有三个,如果换成1.2.3,那真的就是把用户当白痴了,至少我还能数清楚是三张。

  第三种很流行的是播放指示部分除了指示轮播张数、当前位置的作用外,还增加了内容缩略的作用:

CNET.COM
CNET.COM

beijing2008.cn
beijing2008.cn

上面这两个就是将内容缩略和播放指示和二唯一了,这使得用户即能知道当前播放的是那张,一共几张,还能看到每张的大概内容。其中beijing2008的那个增加了进度指示功能,可以让用户清楚自己看到下一张需要等多少时间。当然时间间隔指示有很多种,下面的就不错:

ESPN
ESPN

这个时间间隔指示使用的是所谓的的2.0样式,一个环状加载指示。

总结:
轮播这种方式要么就用最简单的呈现,上述第二种,即能达到目的,又能给用户带来比较好的体验(这个有点大,通俗点,就是不招人烦)。要么就用第三种,让用户彻底清晰明了,知道自己在看什么,将要看到什么,多久能看到… … 。不伦不类的呈现方式还是尽量避免使用。

W3C专业术语翻译对照表

W3C专业术语翻译对照表

觉得比较实用,复制一份保存在我这里,有时间补充补充

来自: http://wiki.w3china.org/wiki/index.php/Terminology

English 简体中文 繁體中文

A

access 访问,存取 存取
access control 访问控制 存取控制
accessibility 可用性 親和力,可及性
Activity 行动组 編組
AI(Artificial Intelligence) 人工智能 人工智慧
application 应用程序 應用程式
attribute 属性(在与property同时出现时注明英文) 屬性

B

base URI 基准URI 基準 URI

C

Candidate Recommendation(CR) 候选推荐标准 候選推薦標準
cardinality(=cardinal number) 基数 基數
cascading style sheet(CSS) 级联样式表 串接式樣式表
choreography 编排 編排
class 類別
concept 概念 概念
conditional sections 条件段 條件區
constraint 限制 限制
constraint 约束 约束

D

datatype 数据类型 資料型態
datatype property 数据类型属性 資料型態屬性
data-valued property 数据值属性 數據值屬性
decidable 可判定的 可判定的
declaration 声明, 宣告 聲明, 宣告
dereference 解引用 解除參照
definition 定义 定義
description 描述 描述
DTD(Document Type Definition) 文档类型定义 文件類型定義

E

element 元素 元素
end-tag 尾标签,结束标签 結束標籤
entail 给…加标题,给…命名 給…加標題,給…命名
entity 实体 實體

F

fixpoint semantic 不动点语义,固定点语义 不動點語義,固定點語義
formal 形式化的,正式的 形式化的,正式的
formal semantics 形式语义 形式語義

G

H

I

import 导入 匯入
imports closure 导入闭包
individual 个体 個體
individual-valued property 个体值属性 個體值屬性
informal 非正式的 非正式的
information 信息 信息,資訊
informative reference 参考性文献 參考性文件
information set(infoset) 信息集 信息集
information item 信息项 信息項
instance 实例 實體,實例

J

K

L

literal 文字,字符串
local name 内部名,局部名
last call 最後公告
logic 逻辑 邏輯

M

markup 标记 標記, 標示

N

named class 具名类 具名類別
namespace 命名空间,名称空间 命名空間,名稱空間
namespace name 命名空间名称 命名空間名稱
namespace prefix 命名空间前缀 名稱空間前置字
node 结点 結點
normative 规范性的
normative reference 规范性文献

O

object 对象; 客体(RDF) 物件
object property 客体值属性
ontology 本体,本体论 本體﹐本體論
ontology commitment 本体认同
ontology theory 本体理论
OWL see "Web Ontology Language" see "Web Ontology Language"

P

parsed entity 已解析实体 已解析實體
parser 解析器 解析器
predicate 断言; 谓词(RDF) 述詞(RDF)
processing instruction(PI) 处理指令 處理指令
property 属性(在与attribute同时出现时注明英文), 特性 屬性(在與attribute同時出現時註明英文),特性
Proposed Recommendation(PR) 建议推荐标准 推薦建議書﹐建議推薦標準

Q

QName see "qualified name" see "qualified name"
qualified name 限定名

R

RDF(Resource Description Framework) 资源描述框架 資源描述架構
RDF Schema RDF Schema(建议不翻),RDF模式 RDF Schema(建議不翻),RDF模組
reference 参考文献 參考資料
reification 具体化,物化 具體化
Recommendation(REC) 推荐标准 建議書,推薦標準
resource 资源 資源
restrict 限定, 约束 限定,約束
RSS(RDF Site Summary) RDF站点汇总 RDF 網站彙總(建議不翻)

S

schema 模式 模式,模組
semantic web 语义Web,语义网 語意網﹐語義網
SOAP(Simple Object Access Protocol) 简单对象访问协议 簡易物件存取協定
specification 规范说明书 規範說明書
(RDF) statement 陈述 陳述,敘述
start-tag 首标签,起始标签 起始標籤
subject 主题; 主体(RDF) 主體
SVG(Scalable Vector Graphics) 可伸缩矢量图形 可縮放向量圖

T

tag 标签 標籤
template 模板 樣板、範本
test case 测试用例
triple 三元组
type 类型
typed literal 类型文字

U

unnamed class 无名类
unparsed entity 非解析实体 非解析實體
URI(Universal Resource Identifier) 统一资源标识符 統一資源識別字串
URI Reference(URIref) URI引用 URI 參照
URN(Universal Resource Name) 统一资源名称 統一資源識別名稱
URL(Universal Resource Locator) 统一资源定位符 統一資源位址﹐網址
user case 用例

V

valid 有效(的) 有效

W

W3C(World Wide Web Consortium) 万维网联盟 萬維網聯盟,W3C
Web Ontology Language(OWL) Web本体语言 Web本體語言
web service(s) Web服务
Web Services Choreography(WSC) Web服务编排
Web Services Choreography Description Language(WS-CDL) Web服务编排描述语言
WSC(Web Services Choreography) see "Web Services Choreography" see "Web Services Choreography"
WS-CDL(Web Services Choreography Description Langauge) see "Web Services Choreography Description Language" see "Web Services Choreography Description Language"
Web Web(不翻)
well-formed 良构的 良構的,結構良好的
well-defined 良定的,良好定义的
Working Draft(WD) 工作草案 工作草案
Working Group 工作组 工作小組
World Wide Web(WWW) 万维网 萬維網,WWW
WSDL(Web Services Description Langauge) Web服务描述语言 Web服務描述語言

X

XML(Extensible Markup Language) 可扩展标记语言,可扩展置标语言 可擴展式標記語言
XML Schema XML Schema(建议不翻), XML模式,XML构架 XML 模組
XSL(Extensible Stylesheet Language) 可扩展样式表语言 可擴展式樣式表語言
XHTML(Extensible Hypertext Markup Language) 可扩展超文本标记语言 可擴展式超文本標記語言

Y

Z