Flash的层叠顺序问题(z-index)

2009-01-08

很多人在写页面代码时都会遇到过这样一个问题,那就是当Flash与页面中的其它HTML结构有重叠的时候,默认情况下Flash总是显示在最上面,从而遮挡住了与它有重叠部分的HTML结构,就算为该Flash或是HTML结构标签定义z-index属性却依然是无效的。

因为默认情况下在网页中添加的Flash在浏览器中是以窗口模式存在的,是独立于浏览器的HTML结构渲染的,所以这种情况下的Flash会遮盖住与它重叠的HTML。

比如这个页面:Flash的层叠顺序(z-index)

在Adobe Flash的发布设置里关于HTML的设置有一项是“窗口模式”,这里面提供了三个选项,分别是:窗口(window)、不透明无窗口(opaque)、透明无窗口(transparent)。

阅读全文 »

解读HTML:关于Profile的只言片语

2008-12-13

制作出一个页面其实是很简单的事,但是制作出一个好的页面却是一件挺困难的事,要使一个页面最终能很好的呈现出来,包括在许多未知的环境下都能很好的呈现,这即是一件更困难的事情。在一份基于Web标准的HTML文档中,需要声明很多的规则,比如DOCTYPE声明xmlns声明等,只有做出了这些声明,网页文档才能更好的在不同的浏览器中最大程度的呈现出一样的效果。

在使用Wordpress程序搭建的博客(其它程序搭建的博客也可能有)的页面代码里会有一句这样的代码:

<head profile=”http://gmpg.org/xfn/11″>

而当我们在博客的后台添加友情链接时如果标注一下链接关系的话,就能得到这样的代码:

<a href=”http://www.etcis.com/” rel=”friend” target=”_blank”>阿猎的SEO博客</a>

阅读全文 »

解读HTML:命名空间与字符编码

2008-12-09

在做项目的过程中,我们经常会建立各种各样的规范,以方便团队之间更好的合作更好的完成项目;同样我们也经常会听到各种各样的协议,比如Google的IM软件Gtalk使用的开放的XMPP协议,只要其他IM软件也遵循XMPP协议就能与Gtalk使用互通;而互联网上的信息无以计数,这些信息本身是独立存在的,如何将其串联并呈现在用户眼前,就需要使用到HTTP协议。

同样的道理,因为浏览器们各自的内核不同,对于默认样式的渲染也不尽相同,所以就需要一份各浏览器都遵循的规则来保证同一个网页文档在不同浏览器上呈现出来的样式是一致的,这个规则就是DOCTYPE声明

因为互联网是互通的,所以任意的两个或者以上的网页文档都可能会涉及到数据交换,而因为XML语言是允许用户自定义标签的,所以任意两个交换的文档就可能会出现相同的标签,从而导致相同标签的冲突,所以就需要一个命名空间以区分开交换文档中可能存在的相同标签。

阅读全文 »

解读HTML:WEB标准从头开始

2008-12-05

在较早之前的网页上,我们经常可以看到如下的网页结构代码:

<html>

<head>

<title>这是一个网页</title>

<meta name=”…” content=”…” />

……

</head>

<body>

……

</body>

</html>

阅读全文 »

解读HTML:WEB标准的误解

2008-12-02

HTML4 Elements中共计有91个标签,然而在这么多的标签中经常被使用到的标签不到四分之一,在这些常用的标签中有两个标签是属于最通用型的——div、span,这两个结构性的标签因为本身不带呈现样式及语义而被广泛的用于网页制作中,再加上之前很多人直接把WEB标准误解为就是div+css,于是在一个页面里出现了特多的div或者是span标签,尽管这些地方本身有更符合语义的标签来实现。

Table式的页面布局因为其本身的简便以及有Dreamweaver这样的可视化操作的Web制作软件的存在,从而引领了Web制作的一个时代,也正是因此而导致了过多的Web设计人员从来没有真正关注过HTML标签的真正语义,当Web标准开始兴起的时候,于是就直接被理解成是div+css的布局。

于是Web标准中的结构标签几乎变成了div的秀场。

阅读全文 »