颜 林
, 软件工程师, IBM
2009 年 12 月 10 日
HTML
5 引入了新的的网页元素：<canvas>。Canvas 是一片空白的绘图区域，网页开发者可以利用 JavaScript
在该区域中自由地进行 2D 绘图。Canvas 可以用于渲染华丽的网页设计界面。本文通过一个详细的实例来说明如何用 Canvas
来制作一个图片的浏览器。最终的效果可以达到 Flash 程序的效果。通过本文，读者可以了解如何使用 Canvas
的各种函数以及如何与用户事件进行交互，适合读者为 Web 设计和架构师。
HTML Canvas 介绍
HTML5
是目前正在讨论的新一代 HTML 标准，它代表了现在 Web 领域的最新的发展方向。在 HTML5
标准中，加入了新的多样的内容描述标签，直接支持表单验证，视频和音频标签，网页元素的拖拽，离线存储，工作线程等等。当然，其中一个最令人激动的新特性
就是新的标签类型 Canvas，开发人员可以通过该标签，在网页上直接用脚本进行绘图，产生各种 2D 渲染的效果。所以有人预言，HTML5 将是
Flash 和 Silverlight 的“杀手”。从 Firefox 1.5 开始就已经支持 Canvas，Safari 也是很早就开始支持
Canvas。新的浏览器比如 Chrome 也是从一开始就支持。但遗憾的是，到目前为止� ......
今天认真看了些Html代码，觉得html标签实在太多，于是到百度搜了个html标签大全，在这发表下，方便以后查阅
标签大全：
＜html＞
＜head＞
＜title＞标题＜title＞
＜/head＞
＜body＞..........文件内容..........
＜/body＞
＜/html＞
1.文件标题
＜title＞..........＜/title＞
2.文件更新--＜meta＞
【1】10秒后自动更新一次
＜meta http-equiv="refresh" content=10＞
【2】10秒后自动连结到另一文件
＜meta http-equiv="refresh" content="10；URL=欲连结文件之URL"＞
3.查询用表单--＜isindex>
若欲设定查询栏位前的提示文字：
＜isindex prompt="提示文字"＞
4.预设的基准路径--＜base>
＜base href="放置文件的主机之URL"＞
版面
1.标题文字 ＜h#＞..........＜/h#＞ #=1~6；h1为最大字，h6为最小字
2.字体变化 ＜font＞..........＜/font＞
【1】字体大小 ＜font size=#＞..........＜/font＞ #=1~7；数字愈大字也愈大
【2】指定字型 ＜font face="字型名称"＞..........＜/font＞
【3】文字颜色 ＜font color=#rrggbb＞..........＜/font＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色� ......
本节中的主题描述如何使用 Visual Web Developer 工具箱的“HTML”选项卡上的 ASP.NET Web 服务器控件。
默认情况下，服务器无法使用 ASP.NET 网页上的 HTML 元素；这些元素被视为传递给浏览器的不透明文本。但是，通过将 HTML 元素转换成 HTML 服务器控件，可以将它们公开为可以在基于服务器的代码中进行编程的元素。
一、HTML Div 控件
工具箱的“HTML”选项卡上提供一个基于 HTML DIV 元素的 Div控件。
在 Visual Studio 中从工具箱添加到页面上的 HTML 服务器控件只不过是已设置了某些属性的 HTML 元素。也可以通过键入标记在“源”视图中创建 HTML 元素。
默认情况下，服务器无法使用 Web 窗体页上的 HTML 元素；这些元素被视为传递给浏览器的标记。但是，如果添加一个 id 属性和属性 runat="server"，则 ASP.NET 将该元素识别为页面上的一个控件，并且可以用基于服务器的代码对其进行编程。如果将一个 HTML DIV 元素转换为 ASP.NET 服务器控件，则该元素将被创建为 HtmlGenericControl 类的实例。
呈现为 DIV 元素的 ASP.NET 服务器控件如下所示：
......
本节中的主题描述如何使用 Visual Web Developer 工具箱的“HTML”选项卡上的 ASP.NET Web 服务器控件。
默认情况下，服务器无法使用 ASP.NET 网页上的 HTML 元素；这些元素被视为传递给浏览器的不透明文本。但是，通过将 HTML 元素转换成 HTML 服务器控件，可以将它们公开为可以在基于服务器的代码中进行编程的元素。
一、HTML Div 控件
工具箱的“HTML”选项卡上提供一个基于 HTML DIV 元素的 Div控件。
在 Visual Studio 中从工具箱添加到页面上的 HTML 服务器控件只不过是已设置了某些属性的 HTML 元素。也可以通过键入标记在“源”视图中创建 HTML 元素。
默认情况下，服务器无法使用 Web 窗体页上的 HTML 元素；这些元素被视为传递给浏览器的标记。但是，如果添加一个 id 属性和属性 runat="server"，则 ASP.NET 将该元素识别为页面上的一个控件，并且可以用基于服务器的代码对其进行编程。如果将一个 HTML DIV 元素转换为 ASP.NET 服务器控件，则该元素将被创建为 HtmlGenericControl 类的实例。
呈现为 DIV 元素的 ASP.NET 服务器控件如下所示：
......
本节中的主题描述如何使用 Visual Web Developer 工具箱的“HTML”选项卡上的 ASP.NET Web 服务器控件。
默认情况下，服务器无法使用 ASP.NET 网页上的 HTML 元素；这些元素被视为传递给浏览器的不透明文本。但是，通过将 HTML 元素转换成 HTML 服务器控件，可以将它们公开为可以在基于服务器的代码中进行编程的元素。
一、HTML Div 控件
工具箱的“HTML”选项卡上提供一个基于 HTML DIV 元素的 Div控件。
在 Visual Studio 中从工具箱添加到页面上的 HTML 服务器控件只不过是已设置了某些属性的 HTML 元素。也可以通过键入标记在“源”视图中创建 HTML 元素。
默认情况下，服务器无法使用 Web 窗体页上的 HTML 元素；这些元素被视为传递给浏览器的标记。但是，如果添加一个 id 属性和属性 runat="server"，则 ASP.NET 将该元素识别为页面上的一个控件，并且可以用基于服务器的代码对其进行编程。如果将一个 HTML DIV 元素转换为 ASP.NET 服务器控件，则该元素将被创建为 HtmlGenericControl 类的实例。
呈现为 DIV 元素的 ASP.NET 服务器控件如下所示：
......
HTML中使用input type="file"上传文件时，代码中只能得到文件的名称，而有些特殊的需要要求我们必须得到上传文件的绝对路径，为此我们采用Javascript实现得到文件的绝对路径。
具体如下。
页面代码（只粘贴了关键代码）：
<form name="thisform" method="post"
action="<%=request.getContextPath()%>/movieManage.do" id="thisform" enctype="multipart/form-data">
<input type="file" name="theFile" onchange="document.getElementById('theFilePath').value=this.value"/>
<input type="hidden" id="theFilePath" name="theFilePath" value="">
</form>
注意：要有enctype="multipart/form-data"
Action代码：
String filePath = request.getParameter("theFilePath");
filePath既是上传文件的绝对路径。
浏览器中测试：
Firefox和IE中可以得到绝对路径。
谷歌Chrome浏览器最后得到的仍是文件名，可能是为了安全。在谷歌浏览器中的实现仍需探索。 ......
除了内置的 JavaScript 对象以外，你还可以使用 JavaScript 访问并处理所有的 HTML DOM 对象。
更多 JavaScript 对象
点击以下链接，可以获得以下对象的更多信息，包括它们的集合、属性、方法以及事件。
对象描述
Window
JavaScript 层级中的顶层对象。Windows 对象会呈现 (represent) 一个浏览器窗口。每当 <body> 或者 <frameset> 标签出现，Window 对象就会被自动创建。
Navigator
包含客户端浏览器的信息。
Screen
包含客户端显示屏的信息。
History
包含了浏览器窗口访问过的 URL。
Location
包含了当前URL的信息。
HTML DOM
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。
HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。
通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。
点击下面的链接，可获得更多关于如何使用 JavaScript 来访问和处理 DOM 对象的知识：
对象描述
Doc ......
除了内置的 JavaScript 对象以外，你还可以使用 JavaScript 访问并处理所有的 HTML DOM 对象。
更多 JavaScript 对象
点击以下链接，可以获得以下对象的更多信息，包括它们的集合、属性、方法以及事件。
对象描述
Window
JavaScript 层级中的顶层对象。Windows 对象会呈现 (represent) 一个浏览器窗口。每当 <body> 或者 <frameset> 标签出现，Window 对象就会被自动创建。
Navigator
包含客户端浏览器的信息。
Screen
包含客户端显示屏的信息。
History
包含了浏览器窗口访问过的 URL。
Location
包含了当前URL的信息。
HTML DOM
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。
HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。
通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。
点击下面的链接，可获得更多关于如何使用 JavaScript 来访问和处理 DOM 对象的知识：
对象描述
Doc ......
现在做 Code Manager .SWT 的过程中不可避免的遇到了需要抓存网页以及网页内嵌的一些资源的问题.
现在
MHT 生成已经不成问题, 但是如何探测源文件编码以及把 MHT 解压缩(导出)为可以浏览的 HTML 文件(含图片等)是个大问题,
以及用户可视化编辑页面后重新保存为 MHT 的问题. Java 的 MHT 处理技术目前是有一家美国公司在卖, 还好我也实现了,
正在考虑完善后和他们竞争.
探测编码可以用:
1) 检测 HTTP 头的 Content Type 中的编码;
2) 检测正文中的 Content Type 中的编码.
解析 HTML 可以用两种方案:
1)
转换成 XHTML, 然后用 JDOM 转换成 DOM 树, 这种解析方式比较传统, 但是容错性上还没有做过检测, 这种方式的优点就是用
DOM 的方式便于成块的处理 HTML 以及存储.JSPWiki.org 的 HTML 转 Wiki 标签即用的此项技术.
2) 用 http://htmlparser.sourceforge.net/
的开源纯 Java HTML Parser 来分析, 但是反向存储(由修改后的模型再写回HTML)还没有研究如何使用.
一些资料: http://www.blogjava.net/lostfire/archive/2006/07/02/56212.html
http://scud.blog.javascud.org/post/192.htm
......
最新文章 : html