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

最新推荐文章于 2025-09-04 12:35:42 发布
原创 最新推荐文章于 2025-09-04 12:35:42 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#firefox #html #xhtml #插件和扩展 #浏览器 #文档

本文介绍了如何使用Firefox提供的API开发扩展(add-ons)，包括XUL的基本概念及其在扩展开发中的应用。同时，文章还概述了HTML5的支持标签及其用途，为开发者提供了全面的指导。

      先从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 
【前端开发--HTML学习笔记】前端开发之HTML超详细的学习笔记（小白入门很友好）
m0_67844671的博客
06-01 1438
【前端开发--HTML学习笔记】前端开发之HTML超详细的学习笔记（小白入门很友好）
jmeter 性能测试学习：从0-1开展性能测试学习_jmeter-plugins-managermac
2501_90213184的博客
01-12 882
JMeter是Apache组织开发的开源测试工具JMeter是基于Java编写，可集成到其他系统，可拓展各个功能插件JMeter可以用于对服务器、网络或对象模拟巨大的负载，来自不同压力类别下测试它们的强度和分析整体性能JMeter不仅用于对软件做性能测试，也能够对应用程序做功能/回归测试，通过创建带有断言的脚本来验证程序实际返回结果与预期结果的对比。
java插件化开发学习资料
javaZhong的博客
01-28 719
https://www.cnblogs.com/anye6488/p/3878276.html http://xxgblog.com/2013/07/04/java-urlclassloader-plugin/ https://blog.youkuaiyun.com/xu13879531489/article/details/80564599
Chrome 插件开发入门指南：从基础到实践
最新发布
As3310010的博客
09-04 859
本文介绍了Chrome插件开发的完整流程，从基础概念到实际开发实践。主要内容包括：1）Chrome插件的基本结构与核心组件（Manifest文件、Popup界面、Background脚本和ContentScripts）；2）详细开发步骤，涵盖项目搭建、Manifest配置、Popup实现及调试方法；3）关键API的使用，包括浏览器动作、标签页操作、存储机制和消息通信等核心功能。文章旨在帮助开发者快速掌握Chrome插件开发技术，通过实践案例演示如何构建功能丰富的浏览器扩展，提升用户体验和浏览器功能定制能力。
Chrome插件开发学习心得（一）之前期开发
二哈的欢乐世界
02-15 1658
突然奇想，想学下开发浏览器插件，比如做个抢票插件什么的，所以也算是我的学习笔记吧。这个也算是从零开始，希望给自己留一份笔记，同时也让看到这个的人少走一些弯路，废话到这里了。 首先，前面背景，好处什么的都不说了，不好这口，直接进入主题。 一：开发资料
vue2.x 插件的开发
weixin_41897680的博客
09-08 703
前言 第一次好好学习插件的开发，有什么不正确的地方麻烦指正。另外写这篇文章，纯粹是当作自己的学习笔记。
基于Java的Minecraft游戏后端自定义插件 05事件监听器
m0_43395110的博客
11-08 1303
事件监听器内容简介事件监听器 内容简介 事件监听器 文档中org.bukkit.event都是事件包 https://www.youtube.com/watch?v=PWQNsqwD-AY. public void registerEvents(Listener listener, Plugin plugin) { 以上省略… for (Map.Entry<Class<? extends Event>, Set> entry : plugin.getPlugin
【BurpSuite】插件开发学习之J2EEScan（下）-主动扫描(51-60)
HWHXY的博客
09-19 787
插件开发学习第10套。
学习babylon.js --- [1] 初次体验和安装
爱就是是恒久忍耐的专栏
07-15 2158
初次体验babylonjs以及安装操作
19、Confluence插件开发全攻略
g8f9d0s1a2的博客
08-16 125
本文详细介绍了Confluence插件开发的完整流程，从环境搭建、插件创建、代码实现到测试和发布，涵盖了开发过程中所需的工具配置、核心文件说明、常见问题解决方案以及最佳实践建议。通过本攻略，开发者可以快速上手并掌握Confluence插件开发的核心技能，为Confluence平台定制扩展功能。
CSS-JS-JQuery-xHTML-w3c参考手册（共11册）
12-04
《CSS-JS-JQuery-xHTML-w3c参考手册（共11册）》是一套全面覆盖Web前端核心技术的中文参考资料，包含CSS 3.0、JavaScript、jQuery、xHTML以及W3C标准的HTML5等多个关键领域的详细指南。这套手册为开发者提供了详实的...
Markdown插件实现前端项目-oj的开发指南
通过以上知识点的探讨，我们了解到前端项目管理与部署的重要性、Markdown插件开发的要点、在线Judge系统的构成、前端项目的版本命名及结构以及Markdown文档的编写技巧。这些知识点有助于前端开发人员在进行项目开发...
Minecraft 1.7.2 基于BukkitAPI的插件编写教程《一》
LaxCat的专栏
09-06 5640
基于Bukkit API的插件编写教程
浏览器插件的开发学习
温润如风的博客
08-08 2189
今天闲来无事，想到公司在开发浏览器插件的问题上比较纠结，所以我整理了下，以便以后用到可以快速上手 谷歌浏览器插件是一种小型的用于定制浏览器体验的程序。通过插件，可以自定义浏览器的一些行为来适应个人的需要，只要你会HTML，JavaScript，CSS就可以动手开发浏览器插件了。 开发谷歌浏览器插件，就相当于在谷歌浏览器的基础之上进行活动，站在巨人的肩膀上，操作很多东西都方便了一些。有了插件，我...
PHP的包依赖管理工具Composer简介
热门推荐
zzulp的专栏
02-08 2万+
Composer是一个基于项目的依赖管理器，负责将PHP项目所依赖的包或库安装到项目所在的目录中，默认它不会安装任何数据到全局。它用于取代之前所使用的pear工具。 1 安装Composer curl -sS https://getcomposer.org/installer | php mv composer.phar /usr/local/bin/composer 2 简单应用 我
JavaScript概念总结:作用域、闭包、对象与原型链
zzulp的专栏
11-03 2万+
1 JavaScript变量作用域 1.1 函数作用域 没有块作用域：即作用域不是以{}包围的，其作用域完成由函数来决定，因而if /for等语句中的花括号不是独立的作用域。 如前述，JS的在函数中定义的局部变量只对这个函数内部可见，称之谓函数作用域。 嵌套作用域变量搜索规则：当在函数中引用一个变量时，JS会搜索当前函数作用域，如果没有找到则搜索其上层作用域，一直到全局作用
Node.js开发指南之二：核心模块介绍
zzulp的专栏
10-29 1万+
本文的代码和API说明基于Node 0.8.12版本，并不能保证在不同的node版本顺利执行 1 stdio console模块是Node提供的核心模块，提供基本的输出功能。 console.log([format],...) 向控制台输出日志，类似的API还有info() err() warn()，格式有%s,%d,%j(json格式) console.dir(object)
Squid代理服务3.1版本的配置和使用简介
zzulp的专栏
01-02 1万+
Squid是一个单进程的异步代理缓存服务器，支持HTTP,FTP,GOPHER,ICP等协议。通过配置，可以实现反向代理、透明代理的功能，并且支持缓存，是实现高性能网站的必备基础设施之一。通常部署在应用服务器的前端。 Squid的安装就比较简单，可以yum安装或源码安装，安装完之后，配置在/etc/squid/目录下。 1 命令行参数 -a port 同配置中的http_po
jQuery简介
zzulp的专栏
02-20 9598
jQuery 是一个JavaScript函数库。支持HTML元素选取和操作、CSS操作、JS特效与动画、DOM处理、Ajax等。 导入jQuery就像导入一段外部js代码一样简单，可以使用MS或Google的CDN进行加载。 1 jQuery基础 jQuery采用了CSS选择器的语法来选择HTML元素，基础语法为$(selector).action() 示例 $(document)
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值