我的插件开发学习1--XHTML

      先从Firefox说起吧, 在https://developer.mozilla.org/zh-CN/ 上Firefox提供了众多的教材来帮助新手进入到web开发的队伍。

      Firefox开发分插件和扩展两种形式的东东,要细分的话,扩展(externtion or add-on)是利用Firefox提供的API来增强其功能,比如各种书签同步的扩展。而插件则是专门的程序实现的功能,一般是Firefox自身无法完成的,因此需要通过插件的功能来增加浏览器的功能,比如常用的支付宝插件、adobe的pdf生成插件。

      讨论这里,我们需要根据情况选择是开发扩展还是开发插件。这样就需要判断Firefox提供了哪些API来完成什么功能,判断实现一个扩展是否能完成所要的需求。如果不能就需要实现一人插件。

      在https://developer.mozilla.org/zh-CN/addons ,firefox提供了开发adons的各种API说明和开发工具帮助开发者快速的开发出一个adons。说到开发addons,就不得不学习XUL,XUL是一个支持多种WEB技术的、基于XML的界面开发语言。在XUL中内置了很多界面元素,如菜单、按钮、分页等等,这样就不需要自己编写很多JS来维护和控制很多界面元素了。而且,这些界面是按照所在的OS外观来展现的,这样就提高了移植性。另外XUL也允许用JS和CSS来定制个性化界面。XUL的主要作用就是用来展现Extension的UI的。

      https://developer.mozilla.org/En/XUL 这个网址可以帮助了解XUL的细节。

      https://addons.mozilla.org/en-US/developers/tools/builder 提供了一个生成addons的向导,只用点点鼠标即可生成addons。

      当然在开发之前,最好先学习一些HTML/XHTML/XML/CSS/Javascript的东西,这样理解起来会更快。

      在http://www.w3school.com.cn/ 提供了上面所列的要学习的基础知识的教程。

      首先对HTML/XHTML/XML/CSS来做些说明。

      HTML是浏览器用来格式化网页显示的语言,当然为了达到相应的显示效果,人也需要掌握这门语言,这样才能让浏览器正确识别。HTML主要使用各种标签和对应的属性来告诉浏览器如何显示。支持有限的用户交互和动态效果。然而随着HTML的演进,这个语言吸收了一些不规范的东西,导致开发及浏览器的兼容性难度加大。因此XHTML应运而生,可以说XHTML本身就是HTML,它对HTML的语法及使用进行了规范。打个比方,HTML是一群写字不规范的家伙,而XHTML则是要求这这群人都用工整的字来写,不工整就是错误。XML则是一种元语言,有许多用途,它可以用来描述数据,也可以用来定义新的标记语言。XHTML正是借鉴XML良好的结构性来要求HTML的。刚才说到HTML的不规范,它本身后来包含了一些页面布局的标签,这导致HTML中硬编码了页面的格式,当页面在不同的设备上显示时,需要重新编辑HTML源文件,十分不方便。于是人们把页面布局等这些东西拿出来,用CSS的方法实现,CSS本身是一个文件,它与HTML源文件分离,这样就方便HTML的编写和具体的显示了。

 

       下面定义了所有HTML5支持的标签及各个标签的定义:

 

标签描述45
<!--...-->定义注释。45
<!DOCTYPE> 定义文档类型。45
<a>定义超链接。45
<abbr>定义缩写。45
<acronym>HTML 5 中不支持。定义首字母缩写。4 
<address>定义地址元素。45
<applet>HTML 5 中不支持。定义 applet。4 
<area>定义图像映射中的区域。45
<article>定义 article。 5
<aside>定义页面内容之外的内容。 5
<audio>定义声音内容。 5
<b>定义粗体文本。45
<base>定义页面中所有链接的基准 URL。45
<basefont>HTML 5 中不支持。请使用 CSS 代替。4 
<bdo>定义文本显示的方向。45
<big>HTML 5 中不支持。定义大号文本。4 
<blockquote>定义长的引用。45
<body>定义 body 元素。45
<br>插入换行符。45
<button>定义按钮。45
<canvas>定义图形。 5
<caption>定义表格标题。45
<center>HTML 5 中不支持。定义居中的文本。4 
<cite>定义引用。45
<code>定义计算机代码文本。45
<col>定义表格列的属性。45
<colgroup>定义表格列的分组。45
<command>定义命令按钮。 5
<datalist>定义下拉列表。 5
<dd>定义定义的描述。45
<del>定义删除文本。45
<details>定义元素的细节。 5
<dfn>定义定义项目。45
<dir>HTML 5 中不支持。定义目录列表。4 
<div>定义文档中的一个部分。45
<dl>定义定义列表。45
<dt>定义定义的项目。45
<em>定义强调文本。45
<embed>定义外部交互内容或插件。 5
<fieldset>定义 fieldset。45
<figcaption>定义 figure 元素的标题。 5
<figure>定义媒介内容的分组,以及它们的标题。 5
<font>HTML 5 中不支持。4 
<footer>定义 section 或 page 的页脚。 5
<form>定义表单。45
<frame>HTML 5 中不支持。定义子窗口(框架)。4 
<frameset>HTML 5 中不支持。定义框架的集。4 
<h1> to <h6>定义标题 1 到标题 6。45
<head>定义关于文档的信息。45
<header>定义 section 或 page 的页眉。 5
<hgroup>定义有关文档中的 section 的信息。 5
<hr>定义水平线。45
<html>定义 html 文档。45
<i>定义斜体文本。45
<iframe>定义行内的子窗口(框架)。45
<img>定义图像。45
<input>定义输入域。45
<ins>定义插入文本。45
<keygen>定义生成密钥。 5
<isindex>HTML 5 中不支持。定义单行的输入域。4 
<kbd>定义键盘文本。45
<label>定义表单控件的标注。45
<legend>定义 fieldset 中的标题。45
<li>定义列表的项目。45
<link>定义资源引用。45
<map>定义图像映射。45
<mark>定义有记号的文本。 5
<menu>定义菜单列表。45
<meta>定义元信息。45
<meter>定义预定义范围内的度量。 5
<nav>定义导航链接。 5
<noframes>HTML 5 中不支持。定义 noframe 部分。4 
<noscript>定义 noscript 部分。45
<object>定义嵌入对象。45
<ol>定义有序列表。45
<optgroup>定义选项组。45
<option>定义下拉列表中的选项。45
<output>定义输出的一些类型。 5
<p>定义段落。45
<param>为对象定义参数。45
<pre>定义预格式化文本。45
<progress>定义任何类型的任务的进度。 5
<q>定义短的引用。45
<rp>定义若浏览器不支持 ruby 元素显示的内容。 5
<rt>定义 ruby 注释的解释。 5
<ruby>定义 ruby 注释。 5
<s>HTML 5 中不支持。定义加删除线的文本。4 
<samp>定义样本计算机代码。45
<script>定义脚本。45
<section>定义 section。 5
<select>定义可选列表。45
<small>定义小号文本。45
<source>定义媒介源。 5
<span>定义文档中的 section。45
<strike>HTML 5 中不支持。定义加删除线的文本。4 
<strong>定义强调文本。45
<style>定义样式定义。45
<sub>定义下标文本。45
<summary>定义 details 元素的标题。 5
<sup>定义上标文本。45
<table>定义表格。45
<tbody>定义表格的主体。45
<td>定义表格单元。45
<textarea>定义 textarea。45
<tfoot>定义表格的脚注。45
<th>定义表头。45
<thead>定义表头。45
<time>定义日期/时间。 5
<title>定义文档的标题。45
<tr>定义表格行。45
<tt>HTML 5 中不支持。定义打字机文本。4 
<u>HTML 5 中不支持。定义下划线文本。4 
<ul>定义无序列表。45
<var>定义变量。45
<video>定义视频。 5
<xmp>HTML 5 中不支持。定义预格式文本。4 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值