omiga » XHTML

XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML 5

omiga — Fri, 03 Jul 2009 01:38:13 +0000

2009-07-02: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C’s position regarding the future of HTML. A FAQ answers questions about the future of deliverables of the XHTML 2 Working Group, and the status of various discussions related to HTML. Learn more about the HTML Activity. (Permalink)

label的隐式连接

omiga — Fri, 13 Mar 2009 02:37:39 +0000

label用来向控件定义标注（标记），如果不是用于这个用途，那完全也没有必要使用label，使用span就可以了。使用label可以与控件建立一种连接，当选择label时，即会触发此控件，即该控件会因为与之连接的label的选择而获取到焦点。

通常这一工作是通过label标签的for属性来完成的，将for属性指向一个控件的id即完成连接。

姓名：

这就是label的显示连接。

而隐式连接就不再需要for属性，只需简单地将控件包含在label标签中即可。

密码:

label与其他控件建立连接的这两种方法，绝大部分现代浏览器都是支持的（IE6不支持隐式连接方式）。隐式方式虽简单快捷却缺乏良好的语义结构，所以还是不赞成使用；显示方式良好的结构已表现出一定的语义（结构也应该是具有语义的），所以显示方式仍然是最佳的选择。

XHTML&CSS_reference

omiga — Mon, 03 Nov 2008 03:31:10 +0000

和TZ一起弄的，多的不说了，拖了很长时间了，由于各种原因，与初衷相去甚远。XHTML手册比较像手册，CSS的就像本教程了。但是如果说是教程又显得简单了点，说是手册又详细了点，都不像了～···但是还是有一定参考价值的，比较详细地介绍了一些XHTML和CSS最基础的东西～···
BI地址：http://bbs.blueidea.com/thread-2894326-1-1.html

textarea，input和select的继承性

omiga — Thu, 11 Sep 2008 05:22:12 +0000

在目前我所有的浏览器中，textarea，input和select这三个标签默认无继承性。测试

IE8 beta2和非IE浏览器中通过为样式属性指定继承性(inherit)可解决该问题。测试

IE7及以下版本此三个标签的继承性问题尚无法解决。只能通过另为其书写样式达到效果。测试

不可能完成的任务

omiga — Mon, 01 Sep 2008 04:09:20 +0000

唉，我怎么会认为它是不可能完成的任务呢～···

要求：1.完成如上布局；2.#main宽度自适应；3.代码顺序#header、#main、#sidebar、#footer。

如果#sidebar能放在#main前面当然就非常简单了～···但是不可以～···

最终解决方案：（查看演示）


#header{height:80px; background:#CCC;}
#center{overflow:hidden; zoom:1;}
#main_wrapper{float:left; width:100%; margin-top:10px; margin-left:-210px;}
#main{height:400px; margin-left:210px; background:#999;}
#sidebar{float:right; width:200px; margin-top:10px; height:450px; background:#AAA;}
#footer{height:50px; margin-top:10px; background:#CCC;}

囧～···鸡蛋，白菜，鞋底板～···来的更猛烈些吧～···

还有其他方法么？欢迎补充～···

BTW：来两个三列的1、2

进一步认识table

omiga — Thu, 08 May 2008 08:18:28 +0000

基础的东西在这里，就不重复了～

用于定义一个表格的标题，书写时候需紧随

标签之后。可通过样式属性：caption-side:left 设置标题在表格中所处的位置。但是目前仅非IE浏览器支持该样式属性，而IE浏览器中可通过标签的align属性完成（IE6,IE7仅支持top,bottom）。同时

标签无法继承其上级table的某些样式属性（如backgroud，border等）。同时FF对caption的出来还表现出一些异常，如当对其上级设置外边距时，

并不会随上级流动～查看演示

用于对表格中的列进行分组。如：我们将表格中的第一列设置为红字白底。

查看演示我们可以看到不同浏览器对该标签的支持都不尽相同，safari对该标签的支持相当苛刻，需将该标签紧随

/书写。同时在非IE浏览器中该标签的书写位置不会影响到中单元格的显示属性，中的列亦可应用设置。而IE中只有位于之后的表格对象方可应用此标签设置，同时部分浏览器对通过该标签进行的样式设置无效，经测试，目前仅IE支持最好。查看演示

为表格中一个或多个列定义属性值，只能在colgroup中使用此元素。如：将表格中的第一列设置为红字白底，第二，第三列设置为黑底白字。查看演示

的span属性定义其影响的列数～

表格边框

表格的默认边框是很丑陋的，一个最为关键的问题是相邻单元格的重复边框，所以我们不得不动手对其进行美化。

方法一：取消默认的表格,单元格设置，将单元格间距设置为指定宽度，为表格设置背景色进而实现无重复边框。查看演示

方法二：更为简单有效的方法是通过设置border-collapes。查看演示

标签是不能嵌套的

omiga — Thu, 17 Apr 2008 06:47:47 +0000

最初只是想不使用JS来实现这样一个简单的效果。

代码是这样的：

这是一段测试文本，欢迎访问我的博客

对于这样一个效果可能我们还不太满足，通常我们还想为扩展信息提供一些链接，所以我们把代码做如下修改：

这是一段测试文本，欢迎访问 http://omiga.org”>我的博客

仅仅是为一段文本添加了一个链接，但是随之而来的问题是十分严重的，为便于更清楚地分析问题，我们将标签去除（演示效果）：

这是一段测试文本，欢迎访问 http://omiga.org”>我的博客

我们分别在FF，Safari，Opera，IE6，IE7查看页面效果，均出现了虽不一致但却存在某种内在联系的“不良反应”，相同代码在FF和Safari中的表现一致，在Opera,IE7和IE6中的表现各异，具体症状不再描述。在FF中用FireBug查看DOM结构：

这是一段测试文本，欢迎访问
 http://omiga.org”>我的博客

FF自动地将我们的原始链接（http://omiga.org”>我的博客）前的文本也设置为链接，并为其赋予样式“show_box”。

我们再将代码做如下修改（查看效果）：

欢迎访问 http://omiga.org”>我的博客，这是一段测试文本

然后FF仍然对源代码进行了某种修改：

欢迎访问
 http://omiga.org”>我的博客
，这是一段测试文本

结果依然是为文本“欢迎访问”设置为链接，并赋予样式。我们似乎看到了某些FF修改代码的规律。

继续对源代码做如下修改（查看效果）：

这是一段测试文本欢迎访问 http://omiga.org”>我的博客

再次查看最终生效的代码：

这是一段测试文本欢迎访问
 http://omiga.org”>我的博客

同样将原始链接“我的博客”前的文本设置为超链接，但是原始链接“我的博客”却不在包含在最初的结构内，见上述两段代码。原本似乎有规律的代码转换原则似乎又没有了？我们仔细分析以上几段代码不难发现，当标签内部又出现标签时，FF会试图将第一个内嵌标签前的文本写入其父层内，并将其关闭，同时解除其与内嵌标签的层级关系而成为原内嵌的兄弟节点。但当内嵌标签并不是直接地嵌套在中时（其外层还存在

标签将其嵌套），FF还是试图将最外层的标签关闭，同时解除层级嵌套关系，并将内嵌标签前的文本转换为链接。但是这里似乎发生了一点意外——，不是这样关闭滴呃～···

由于各浏览器最终呈现的页面并不尽相同，我们难以分析具体原因，但有一点是肯定的，那就是浏览器都对原代码进行了某种修改（或者说完善？），但是最终效果却不是我们想要的～我想这与标签的特殊性有莫大关系，众所周知，不同于其他标签，当为其赋予href属性，将会创建到另外一个文档的链接；当为其赋予 name或id 属性时，将创建一个文档内部的书签。可能正是基于这些特殊性导致了标签在嵌套结构中的异常，所以最后结论只有一个——标签嵌套不能用！同时应最大可能地减少对HTML/XHTML标签样式的重写！

测试浏览器：FF2，Safari3，Opera9，IE6，IE7

标签详解

omiga — Wed, 26 Mar 2008 01:38:06 +0000

定义和用法

元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

HTML 与 XHTML 之间的差异

在 HTML 中，标签没有结束标签。在 XHTML 中，标签必须被正确地关闭。

提示和注释：

注释：标签永远位于 head 元素内部。

注释：元数据总是以名称/值的形式被成对传递的。

必需的属性 DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性	值	描述	DTD
content	some_text	定义与 http-equiv 或 name 属性相关的元信息	STF

可选的属性 DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性	值	描述	DTD
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP头部。	STF
name	author description keywords generator revised others	把 content 属性关联到一个名称。	STF
scheme	some_text	定义一种用来翻译 content 属性值的格式。	STF

name 属性

name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。 “keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助：

name="keywords" content="HTML,ASP,PHP,SQL"

如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。

http-equiv 属性

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。使用带有 http-equiv 属性的标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：

http-equiv="charset" content="iso-8859-1">
http-equiv="expires" content="31 Dec 2008">

这样发送到浏览器的头部就应该包含：

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2007

当然，只有浏览器可以接受这些附加的头部字段，并能以适当的方式使用它们时，这些字段才有意义。

和用以说明主页制作所使用的文字以及语言；
定时让网页在指定的时间n内，跳转到页面http://yourlink；
可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；

content 属性

content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。 content 属性始终要和 name 属性或 http-equiv 属性一起使用。

scheme 属性

scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由标签的 profile 属性指定的概况文件中进行了定义。

标准属性 dir, lang, xml:lang

XHTML DTD

omiga — Sat, 02 Feb 2008 12:58:49 +0000

XHTML 定义了三种文件类型声明。

使用最普遍的是 XHTML Transitional。

是强制使用的。

3种文档类型声明

DTD 规定了使用通用标记语言(SGML)的网页的语法。

诸如 HTML 这样的通用标记语言应用使用 DTD 来规定应用于某种特定文档中的标签的规则，这些规则包括一系列的元素和实体的声明。

在通用标记语言(SGML)的文档类型声明或 DTD 中，XHTML 被详细地进行了描述。

XHTML DTD 使用精确的可被计算机读取的语言来描述合法的 XHTML 标记的语法和句法。

存在三种XHTML文档类型：

STRICT（严格类型）
TRANSITIONAL（过渡类型）
FRAMESET（框架类型）

XHTML 1.0 Strict

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

在此情况下使用：需要干净的标记，避免表现上的混乱。请与层叠样式表配合使用。

XHTML 1.0 Transitional

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

在此情况下使用：当需要利用 HTML 在表现上的特性时，并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。

XHTML 1.0 Frameset

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

在此的情况下使用：需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。

PS:记不住DTD的这串代码，索性放上来，难得每次都要到处找～···

omiga » XHTML

XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML 5

相关日志

label的隐式连接

相关日志

XHTML&CSS_reference

相关日志

textarea，input和select的继承性

相关日志

不可能完成的任务

相关日志

进一步认识table

相关日志

标签是不能嵌套的

相关日志

标签详解

相关日志

XHTML DTD

相关日志