*/
-->
Author:
Thinkhy
Date:
2010.04.11.
Url:
http://www.disandu.com/?p=714
Keyword:
HTML空元素 DIV XSLT jQuery
今天有个HTML空元素的问题折腾了我两个小时,问题是这样的,我要处理一段描述结构化文本的HTML片断:
<div class='paper'>
<div class='question'>
<div class="subject">To be or not to be, it's a question?</div>
<div class="choice">A</div>
<div class="choice">B</div>
<div class="choice">C</div>
<div class="choice">D</div>
&n ......
先用现成的组件玩一下,一会再去看看组件源码研究一下。
http://code.google.com/p/flex-iframe/
下载了flexiframe.swc,引入工程。
flex代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
xmlns:code="http://code.google.com/p/flex-iframe/">
<mx:Panel width="500"
height="400">
<code:IFrame id="googleIFrame"
label="Google"
source="http://www.google.com"
width="100%"
height="100%"/>
</mx:Panel>
</mx:Application>
运行,发现,可以了。
不过,有个问题,鼠标点击别处的时候,网页消失了。
找了很多地方,找到了解决方法。设置wmode。
首先了解一下wmode是什么。
window mode(wmode)
wmode即窗口模式总共有三种:
window 模式
默认情况下的显示模式,在这种模式下flash player有 ......
先用现成的组件玩一下,一会再去看看组件源码研究一下。
http://code.google.com/p/flex-iframe/
下载了flexiframe.swc,引入工程。
flex代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
xmlns:code="http://code.google.com/p/flex-iframe/">
<mx:Panel width="500"
height="400">
<code:IFrame id="googleIFrame"
label="Google"
source="http://www.google.com"
width="100%"
height="100%"/>
</mx:Panel>
</mx:Application>
运行,发现,可以了。
不过,有个问题,鼠标点击别处的时候,网页消失了。
找了很多地方,找到了解决方法。设置wmode。
首先了解一下wmode是什么。
window mode(wmode)
wmode即窗口模式总共有三种:
window 模式
默认情况下的显示模式,在这种模式下flash player有 ......
如何向HTML 5过渡?
Web开发社区的不少人认为转向HTML 5要谨慎。比如,虽然微软计划在IE9中支持HTML 5,但这家软件业巨擘对于在HTML 5还没有正式成为标准之前支持它心存疑虑。微软Windows事业部总裁Steven Sinofsky最近接受采访时表示:“先说自己基于标准,但随后又说你是最兼容HTML 5的浏览器,这种做法不明智,因为这项标准还没有制定完毕。”
W3C也对HTML 5的前景持谨慎态度。HTML 5工作组预计这项标准在2011年之前不会正式成为候选推荐标准—这是W3C标准制定过程的特性完成阶段。即便到那时,批准其为W3C推荐标准的过程预计仍会持续到2022年前后。如果真是这样,从XHTML 1.1走到HTML 5就要用21年。
不管怎样,HTML 5可能仍是今后5到10年最前沿的技术之一。那些希望马上看到实际应用效果的早期采用者可以这么做,尽管应用有限。如今网上有许多试点项目和演示网站展示了这项新标准的各项功能,关键在于选择合适的浏览器。比如,Firefox对HTML 5功能特性的支持就不尽如人意; 基于WebKit渲染引擎的浏览器(包括Chrome和Safari)则支持得更好些。
同样,Web开发人员可以随意尝试,可以用遵守当前HTML 5规范草案的代码来创建整个网站,不过效 ......
Struts -- html:link 标签的使用
<html:link> 标签用于生成HTML <a> 元素。<html:link> 在创建超链接时,有两个优点:
(1) 允许在URL 中以多种方式包含请求参数。
(2) 当用户浏览器关闭Cookie 时,会自动重写URL,把SessionID 作为请求参数包含在URL 中,用于跟踪用户的Session 状态。
<html:link> 标签有以下重要属性:
(1) forward:指定全局转发链接。
(2) href:指定完整的URL 键接。
(3) page:指定相对于当前网页的URL。
<html:rewrite> 用于输出超链接中的URI部分,但它并不生成HTML <a> 元素。URI指的是URL 中协议、主机和端口以后的内容。URI 用于指定具体的请求资源。例如,对于URL:HTTP://localhost:8080/HtmlBasic.do,它的URI为/HtmlBasic.do
示例:
1、创建全局转发链接
首先,在Struts-config.xml 中<global-forwards> 元素中定义一个<forward> 元素:
<global-forwards>
<forward name = "index" path="/index.jsp"/>
&nb ......
网页预定义颜色编码列表
const unsigned int gl_color_value[] = {
0xF5F5DC,
0x000000,
0xFF0000,
0xD2B48C,
0xFFD700,
0x008080,
0xF0E68C,
0x00FF00,
0x00FFFF,
0x0000FF,
0x00FFFF,
0xFF7F50,
0x008000,
0xFDF5E6,
0xFFC0CB,
0x808080,
0xFAF0E6,
0xDA70D6,
0x4B0082,
0xF5DEB3,
0x8B0000,
0xFF00FF,
0xFFA500,
0xCD853F,
0xA0522D,
0x000080,
0x808000,
0xDDA0DD,
0xFF00FF,
0xFFFFFF,
0xF0F8FF,
0x5F9EA0,
0xBDB76B,
0xF0FFFF,
0x00008B,
0x2E8B57,
0xFFE4C4,
0xA52A2A,
0xFFFAFA,
0xFA8072,
0x008B8B,
0xCD5C5C,
0xFFE4B5,
0x696969,
0x800000,
0xFF1493,
0xB22222,
0xD2691E,
0xE6E6FA,
0xFFDAB9,
0xFFF5EE,
0x006400,
0x98FB98,
0xA9A9A9,
0xEE82EE,
......
定义和用法
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
以下面这个 <!DOCTYPE> 标签为例:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。
提示和注释:
注释:<!DOCTYPE> 标签没有结束标签!
HTML
HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。
HTML Strict DTD
如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
HTML Transitional DTD
Transitional DTD 可包含 W ......