w3c 参考手册 - html4.01 / xhtml1.0 / css2.0 / css3.0 / javascript / html dom

!Bill\n* Go over TPS reports\n\n!Milton \n* Get Back Stapler

* Email Michael for another copy of TPS report memo.\n* Call Bobs to set up performance review.

! Digital Organization\n* Look into getting a big magnet\n\n! Organization\n* Get archival boxes for old letters and manuals\n* Plan closet organization\n* Plan office closet organization\n* set up auto billing for credit cards\n\n! Gadgets, Hardware\n* Research Swingline staplers

* Compile list of favorite fonts starting with comic sans\n* Run defrag\n* Read memo about TPS reports\n

! Trader Joes\n* Goat Milk Yogurt\n* Cereal\n\n! Whole Foods\n* Sausage\n* Buns\n\n! Ralphs\n* Toilet Paper\n* Spinach

! Products\n* Look at new home office furniture\n* Look into alternative phone plans \n\n! Movies to see\n* Aliens of the deep\n\n! Music to buy\n* Saint Ettiene (good humor, 2 disc set with "fairfax high")\n* Michael Bolton's greatest hits\n* Cinerama\n\n!! Current Heavy rotation\n* Interpol\n* Franz Ferdinand\n* Killers\n* Postal Service\n\n! Books\n* Check amazon wish list\n\n! Leisure\n* Go Fishing\n\n! Health/Exercise/Food\n* Call gym for yoga class times

! Office supplies:\n* 2 Big Mouse Pads\n* Zip ties (black)\n* USB hub\n\n! General:\n* Mail outbox letters at post office\n* Pick up dry cleaning

* Learn more PHP\n* Figure out TPS reports\n* Play with Knoppix

* Learn to make sushi\n* Alaska trip

* For code from Samir\n* Email from Bill about TPS reports\n* Milton to turn off the radio

*[[Background 背景]]\n*[[Border 边缘]]\n*[[Classification 分类]]\n*[[Dimension 尺寸]]\n*[[Font 字体]]\n*[[Generated Content 生成内容]]\n*[[List and Marker 列表和标记]]\n*[[Margin 页边距]]\n*[[Outlines 轮廓]]\n*[[Padding 填充内距]]\n*[[Positioning 位置]]\n*[[Table 表格]]\n*[[Text 文本]]\n*[[Pseudo-classes 伪类]]\n*[[Pseudo-elements 伪元素]]\n\n*浏览器支持: IE: Internet Explorer, F: Firefox, N: Netscape.\n*W3C: "W3C"栏位的数字表示该属性属于哪种CSS规格定义(CSS1或CSS2).\n\n\n\n\n\n

!CSS3.0 draft 草案规格

*NN: 表示老版本的Netscape也支持此标签 \n*IE: 表示老版本的Internet Explorer也支持此标签\n*DTD:表示XHTML 1.0 DTD标准支持此标签. S=Strict, T=Transitional, and F=Frameset \n*W3c HTML 4.01 [[规格说明书|http://www.w3.org/TR/REC-html40/]]\n*[[w3c HTML 4.01 规格完整参考]]，此页为根据功能划分的标签说明\n\n|标签|说明|NN|IE|DTD|\n|>|>|>|>|''Basic Tags 基本标签类型''|\n|<!DOCTYPE>|定义文档类型|/|/|STF|\n|<html>|定义一个html文档|3.0|3.0|STF|\n|<body>|定义body元素|3.0|3.0|STF|\n|<h1> to <h6>|定义标题 1 到 6|3.0|3.0|STF|\n|<p>|定义段落|3.0|3.0|STF|\n|<br>|插入一个分段标记|3.0|3.0|STF|\n|<hr>|定义一个水平分隔符|3.0|3.0|STF|\n||定义注释文本|3.0|3.0|STF|\n|/|/|/|/|/|\n|>|>|>|>|''Char Format 字符格式''|\n|<b>|定义粗体字|3.0|3.0|STF|\n|<font>|不推荐. 定义文本字体尺寸和颜色|3.0|3.0|TF|\n|<i>|定义斜体|3.0|3.0|STF|\n|<em>|定义强调文本/|3.0|3.0|STF|\n|<big>|定义大字体文本|3.0|3.0|STF|\n|<strong>|定义粗体字|3.0|3.0|STF|\n|<small>|定义小字体文本|3.0|3.0|STF|\n|<sup>|定义上标|3.0|3.0|STF|\n|<sub>|定义下标|3.0|3.0|STF|\n|<bdo>|定义文本显示方向|6.2|5.0|STF|\n|<u>|不推荐. 定义下划线|3.0|3.0|TF|\n|/|/|/|/|/|\n|>|>|>|>|''Output 输出''|\n|<pre>|Defines preformatted text|3.0|3.0|STF|\n|<code>|Defines computer code text|3.0|3.0|STF|\n|<tt>|Defines teletype text|3.0|3.0|STF|\n|<kbd>|Defines keyboard text|3.0|3.0|STF|\n|<var>|Defines a variable|3.0|3.0|STF|\n|<dfn>|Defines/a definition term|/|3.0|STF|\n|<samp>|Defines sample computer code|3.0|3.0|STF|\n|<xmp>|<span class="red">Deprecated.</span> Defines preformatted text|3.0|3.0|/|\n|/|/|/|/|/|\n|>|>|>|>|''Blocks 区块''|\n|<acronym>|Defines an acronym|6.2|4.0|STF|\n|<abbr>|Defines an abbreviation|6.2|/|STF|\n|<address>|Defines an address element|4.0|4.0|STF|\n|<blockquote>|Defines a long quotation|3.0|3.0|STF|\n|<center>|<span class="red">Deprecated.</span> Defines centered text|3.0|3.0|TF|\n|<q>|Defines a short quotation|6.2|4.0|STF|\n|<cite>|Defines a citation|3.0|3.0|STF|\n|<ins>|Defines inserted text|6.2|4.0|STF|\n|<del>|Defines deleted text|6.2|4.0|STF|\n|<s>|<span class="red">Deprecated.</span> Defines strikethrough text|3.0|3.0|TF|\n|<strike>|<span class="red">Deprecated.</span> Defines strikethrough text|3.0|3.0|TF|\n|/|/|/|/|/|\n|>|>|>|>|''Links 链接''|\n|<a>|Defines an anchor|3.0|3.0|STF|\n|<link>|Defines a resource reference |4.0|3.0|STF|\n|/|/|/|/|/|\n|>|>|>|>|''Frames 框架''|\n|<frame>| Defines a sub window (a frame)|3.0|3.0|F|\n|<frameset>|Defines a set of frames|3.0|3.0|F|\n|<noframes>|Defines a noframe section|3.0|3.0|TF|\n|<iframe>|Defines an inline sub window (frame)|6.0|4.0|TF|\n|/|/|/|/|/|\n|>|>|>|>|''Input 输入''|\n|<form>|Defines a form/|3.0|3.0|STF|\n|<input>|Defines an input field|3.0|3.0|STF|\n|<textarea>|Defines a text area|3.0|3.0|STF|\n|<button>|Defines a push button|6.2|4.0|STF|\n|<select>|Defines a selectable list|3.0|3.0|STF|\n|<optgroup>|Defines an option group|6.0|6.0|STF|\n|<option>|Defines an item in a list box|3.0|3.0|STF|\n|<label>|Defines a label/for a form control|6.2|4.0|STF|\n|<fieldset>|Defines a fieldset|6.2|4.0|STF|\n|<legend>|Defines a title in a fieldset|6.2|4.0|STF|\n|<isindex>|<span class="red">Deprecated.</span> Defines a single-line input field|3.0|3.0|TF|\n|/|/|/|/|/|\n|>|>|>|>|''Lists 列表''|\n|<ul>|Defines an unordered list|3.0|3.0|STF|\n|<ol>|Defines an ordered list|3.0|3.0|STF|\n|<li>|Defines a list item|3.0|3.0|STF|\n|<dir>|<span class="red">Deprecated.</span> Defines a directory list|3.0|3.0|TF|\n|<dl>|Defines a definition list|3.0|3.0|STF|\n|<dt>|Defines a definition term|3.0|3.0|STF|\n|<dd>|Defines a definition description|3.0|3.0|STF|\n|<menu>|<span class="red">Deprecated.</span> Defines a menu list|3.0|3.0|TF|\n|/|/|/|/|/|\n|>|>|>|>|''Images 图片''|\n|<img>|Defines an image|3.0|3.0|STF|\n|<map>|Defines an image map/|3.0|3.0|STF|\n|<area>|Defines an area inside an image map|3.0|3.0|STF|\n|/|/|/|/|/|\n|>|>|>|>|''Tables 表格''|\n|<table>|Defines a table|3.0|3.0|STF|\n|<caption>|Defines a table caption|3.0|3.0|STF|\n|<th>|Defines a table header|3.0|3.0|STF|\n|<tr>|Defines a table row|3.0|3.0|STF|\n|<td>|Defines a table cell|3.0|3.0|STF|\n|<thead>|Defines a table header|/|4.0|STF|\n|<tbody>|Defines a table body|/|4.0|STF|\n|<tfoot>|Defines a table footer|/|4.0|STF|\n|<col>|Defines attributes for table columns/|/|3.0|STF|\n|<colgroup>|Defines groups of table columns|/|3.0|STF|\n|/|/|/|/|/|\n|>|>|>|>|''Styles 样式''|\n|<style>|Defines a style definition|4.0|3.0|STF|\n|<div>|Defines a section in a document|3.0|3.0|STF|\n|<span>|Defines a section in a document|4.0|3.0|STF|\n|/|/|/|/|/|\n|>|>|>|>|''Meta Info 原数据''|\n|<head>|Defines information about the document|3.0|3.0|STF|\n|<title>|Defines the document title|3.0|3.0|STF|\n|<meta>|Defines meta information|3.0|3.0|STF|\n|<base>|Defines a base URL for all the links in a page|3.0|3.0|STF|\n|<basefont>|<span class="red">Deprecated.</span> Defines a base font|3.0|3.0|TF|\n|/|/|/|/|/|\n|>|>|>|>|''Programming 程序脚本''|\n|<script>|Defines a script|3.0|3.0|STF|\n|<noscript>|Defines a noscript section|3.0|3.0|STF|\n|<applet>|<span class="red">Deprecated.</span> Defines an applet|2.0|3.0|TF|\n|<object>|Defines an embedded object|/|3.0|STF|\n|<param>|Defines a parameter for an object|3.0|3.0|STF|

xhtml 1.0参考，参见[[@html 4.01参考]],两表合并为一表。

GTD Tiddly Wiki is a GettingThingsDone adaptation by NathanBowers of JeremyRuston's Open Source TiddlyWiki. The purpose of GTD Tiddly Wiki is to give users a single repository for their GTD lists and support materials so they can create/edit lists, and then print directly to 3x5 cards for use with the HipsterPDA.\n\n!Features Include:\n* Free and Open Source.\n* Easy to update.\n* Prints directly to 3x5.\n* Searchable.\n* Exists as a single, portable, cross platform file.\n* It runs on your computer, so you can make changes when you're not online. It's not a ServerSide thing.\n\n!Get started:\nStart by saving GTDTiddlyWiki to your computer (right click on [[this link|#]] and select 'Save link as...' or 'Save target as...' See SaveChanges for details).\n \nYou can edit entries, or "Tidders", by clicking "edit" or double clicking anywhere on the Tiddler. When you click "done" or press [ctrl+enter] your changes are saved.\n\nThere are some pre-populated action lists in the MainMenu on the left. If you want to start with a blank slate, here is an [[empty template|empty.html]].\n\n!!More information:\n*SupportedBrowsers\n*KeyFeatures\n*KeyboardShortcuts\n*[[Print3x5]]\n*FormattingInstructions (create lists, headings, and other formatting)\n*AboutTiddlers\n*CreateTiddlers\n*DeleteTiddlers\n* PermaView\n*KnownBugs\n* HowToUpgrade\n* ServerSide version.\n*Jeremy's original HelloThere.\n\nThanks to JeremyRuston for creating such a great Open Source project!\n----\nTiddlyWiki and GTD Tiddly Wiki are published under an OpenSourceLicense and carry NoWarranty.\n\nCurrent Version: 1.0.6 Sept 3rd, 2005 | RevisionHistory | UpdateNotification

"Tiddlers" are the building blocks of TiddlyWiki. Each "entry" or "post" is a Tiddler. There are also SpecialTiddlers that control the MainMenu, SiteTitle, SiteSubtitle, and list of DefaultTiddlers that display on start up.

|属性|说明|值|IE|F|N|W3C|\n|background|A shorthand property for setting all ackground properties in one declaration|<html><ul><li>background-color</li><li>background-image</li><li>background-repeat</li><li>background-attachment</li><li>background-position</li></ul></html>|4|1|6|1|\n|background-attachment|Sets whether a background image is fixed or scrolls withthe rest of the page|scroll/fixed|4|1|6|1|\n|background-color|Sets the background color of an element|color-rgb/color-hex/color-name/transparent|4|1|4|1|\n|background-image|Sets an image as the background|url/none|4|1|4|1|\n|background-position|Sets the starting position of a background image|top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos|4|1|6|1|\n|background-repeat|Sets if/how a background image will be repeated|repeat/repeat-x/repeat-y/no-repeat|4|1|4|1|

JeremyRuston said:\n<<<\nA TiddlyWiki is like a blog because it's divided up into neat little chunks, but it encourages you to read it by hyperlinking rather than sequentially: if you like, a non-linear blog analogue that binds the individual microcontent items into a cohesive whole. I think that TiddlyWiki represents a novel medium for writing, and will promote it's own distinctive WritingStyle. This is the first version of TiddlyWiki and so, as discussed in TiddlyWikiDev, it's bound to be FullOfBugs, have many MissingFeatures and fail to meet all of the DesignGoals. And of course there's NoWarranty, and it might be judged a StupidName.\n<<<\n\n>level 1\n>level 1\n>>level 2\n>>level 2\n>>>level 3\n>>>level 3\n>>level 2\n>level 1\n

|Property|Description|Values|IE|F|N|W3C|\n|border| A shorthand property for setting all of the properties for the four borders in one declaration|border-width/border-style/ border-color|4|1|4|1|\n|border-bottom|A shorthand property for setting all of the properties for the bottom border in one declaration|border-bottom-width/border-style/border-color|4|1|6|1|\n|border-bottom-color|Sets the color of the bottom border|border-color|4|1|6|2|\n|border-bottom-style|Sets the style of the bottom border|border-style|4|1|6|2|\n|border-bottom-width|Sets the width of the bottom border|thin/medium/thick/length|4|1|4|1|\n|border-color|Sets the color of the four borders, can have from one to four colors|color|4|1|6|1|\n|border-left|A shorthand property for setting all of the properties for the left border in one declaration|border-left-width/ border-style/ border-color|4|1|6|1|\n|border-left-color|Sets the color of the left border|border-color|4|1|6|2|\n|border-left-style|Sets the style of the left border|border-style|4|1|6|2|\n|border-left-width|Sets the width of the left border|thin/medium/thick/length|4|1|4|1|\n|border-right|A shorthand property for setting all of the properties for the right border in one declaration|border-right-width/ border-style/ border-color|4|1|6|1|\n|border-right-color|Sets the color of the right border|border-color|4|1|6|2|\n|border-right-style|Sets the style of the right border|border-style|4|1|6|2|\n|border-right-width|Sets the width of the right border|thin/medium/thick/length|4|1|4|1|\n|border-style|Sets the style of the four borders, can have from one to four styles|none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset|4|1|6|1|\n|border-top|A shorthand property for setting all of the properties for the top border in one declaration|border-top-width/ border-style/border-color|4|1|6|1|\n|border-top-color|Sets the color of the top border|border-color|4|1|6|2|\n|border-top-style|Sets the style of the top border|border-style|4|1|6|2|\n|border-top-width|Sets the width of the top border|thin/ medium/ thick/ length|4|1|4|1|\n|border-width|A shorthand property for setting the width of the four borders in one declaration, can have from one to four values|thin/ medium/ thick/ length|4|1|4|1|\n

This ThirdVersion of TiddlyWiki fixes a problem with line breaks within tiddlers under InternetExplorer. It also tries to avoid closing tiddlers while they are being edited. There's a bunch of smaller BugFixes as well, but they are somewhat balanced by the KnownBugs.

Edit this tiddler to see how to create BulletPoints\n* Like this one\n* And this one\n** And this second-level one\n* And a final one

|属性|说明|值|IE|F|N|W3C|\n|clear|设置哪一边元素的浮动float属性为禁止状态|left/right/both/none|4|1|4|1|\n|cursor|Specifies the type of cursor to be displayed|url/auto/crosshair/default/pointer/move/e-resize/ne-resize/nw-resize/n-resize/se-resize/sw-resize/s-resize/w-resize/text/wait/help|4|1|6|2|\n|display|Sets how/if an element is displayed|none/inline/block/list-item/run-in/compact/marker/table/inline-table/table-row-group/table-header-group/table-footer-group/table-row/table-column-group/table-column/table-cell/table-caption|4|1|4|1|\n|float|Sets where an image or a text will appear in another element|left/right/none|4|1|4|1|\n|position|Places an element in a static, relative, absolute or fixed position|static/relative/absolute/fixed|4|1|4|2|\n|visibility|Sets if an element should be visible or invisible|visible/hidden/collapse|4|1|6|2|

! Preferred Method\n# Create new Tiddlers directly in the MainMenu by typing them in the MainMenu Tiddler.\n\n! Method 2\n# Click CreateNewTiddler in the MainMenu.\n# Edit the title and content to create.\n\n! Method 3\n# Enter a mixed-case WikiWord (or double square brackets for NonWikiWordLinks) into an existing Tiddler.\n# Click on the new italicized "empty" Tiddler to edit.\n# When you are done editing, the Tiddler is created.

You can specify your own styles -- that will persist even if you upgrade GTDTW -- in the new special tiddler, StyleSheet.\n\nStyleSheet is pre-populated so you can see how it works. If you want to print to different sizes of paper, or resize the base fonts, or use different fonts, the body style rules are where you'd start. If you are upgrading your version of GTDTW, you'll need to create and populate the StyleSheet for yourself.\n\nStyleSheet suffers from a bug that truncates long entries with many non-alphanumeric characters, so if you try to put the entire set off styles in there, it probably won't work.

[[w3c 参考手册]]

Enter Tiddler edit mode and click "delete" \n\nIf you delete a Tiddler that lives in MainMenu or DefaultTiddlers, you'll need to manually remove them from those SpecialTiddlers.\n\nSee also: RenameTiddlers

I found the [[Aardvark Firefox extension|http://www.karmatics.com/aardvark/]] indispensible in developing GTDTiddlyWiki. Browser view-source doesn't work on TiddlyWiki, so I use Aardvark to "see" the page structure.

|Property|Description|Values|IE|F|N|W3C|\n|height|Sets the height of an element|auto/length/%|4|1|6|1|\n|line-height|Sets the distance between lines|normal/number/length/%|4|1|4|1|\n|max-height|Sets the maximum height of an element|none/ length/%|-|1|6|2|\n|max-width|Sets the maximum width of an element|none/ length/%|-|1|6|2|\n|min-height|Sets the minimum height of an element| length/%|-|1|6|2|\n|min-width|Sets the minimum width of an element|length/%|-|1|6|2|\n|width|Sets the width of an element|auto/%/length//|4|1|4|1|

Try holding down the alt- or shift-key while clicking on a link to a tiddler, on the 'options' button or on the CloseButton for a tiddler. Kind of a respectful homage to Mac OS X, which does something similar for many of its system animations. (On browsers like InternetExplorer that use the shift key to open a new window, it's best to use the alt-key).

You can email the creator of TiddlyWiki at jeremy (at) osmosoft (dot) com.

Edit this tiddler to see how to insert images.\n[img[http://img110.echo.cx/img110/139/gorilla8nw.jpg]]

''Bold''\n==Strike==\n__Underline__\n//Italic//\n2^^3^^=8\na~~ij~~ = -a~~ji~~\n@@highlight@@\n@@color(green):green colored@@\n@@bgcolor(#ff0000):color(#ffffff):red colored@@

FireFox lets you SaveChanges in TiddlyWiki, but you will see up to three dialogs asking your permission for the local file operations. You must allow all three operations for it to work properly. Note that you can select the //Remember this decision// option to avoid seeing the dialogs in future.

|Property|Description|Values|IE|F|N|W3C|\n|font/|A shorthand property for setting all of the properties fora font in one declaration|font-style/font-variant/font-weight/font-size/line-height/font-family/caption/icon/menu/message-box/small-caption/status-bar|4|1|4|1|\n|font-family/|A prioritized list of font family names and/or genericfamily names for an element|family-name/generic-family|3|1|4|1|\n|font-size/|Sets the size of a font|xx-small/x-small/small/medium/large/x-large/xx-large/smaller/larger/length/%|3|1|4|1|\n|font-size-adjust |Specifies an aspect value for an element that will preservethe x-height of the first-choice font|none/number|-|-|-|2|\n|font-stretch |Condenses or expands the current font-family|normal/wider/narrower/ultra-condensed/extra-condensed/condensed/semi-condensed/semi-expanded/expanded/extra-expanded/ultra-expanded|-|-|-|2|\n|font-style/|Sets the style of the font|normal/italic/oblique|4|1|4|1|\n|font-variant/|Displays text in a small-caps font or a normal font|normal/small-caps|4|1|6|1|\n|font-weight/|Sets the weight of a font|normal/bold/bolder/lighter/100/200/300/400/500/600/700/800/900|4|1|4|1|

TiddlyWiki uses Wiki style markup, a way of lightly "tagging" plain text so it can be transformed into HTML. Edit this Tiddler to see samples.\n\n! Header Samples\n!Header 1\n!!Header 2\n!!!Header 3\n!!!!Header 4\n!!!!!Header 5\n\n! Unordered Lists:\n* Lists are where it's at\n* Just use an asterisk and you're set\n** To nest lists just add more asterisks...\n***...like this\n* The circle makes a great bullet because once you've printed a list you can mark off completed items\n* You can also nest mixed list types\n## Like this\n\n! Ordered Lists\n# Ordered lists are pretty neat too\n# If you're handy with HTML and CSS you could customize the [[numbering scheme|http://www.w3schools.com/css/pr_list-style-type.asp]]\n## To nest, just add more octothorpes (pound signs)...\n### Like this\n* You can also\n** Mix list types\n*** like this\n# Pretty neat don't you think?\n\n! Tiddler links\nTo create a Tiddler link, just use mixed-case WikiWord, or use [[brackets]] for NonWikiWordLinks. This is how the GTD style [[@Action]] lists are created. \n\nNote that existing Tiddlers are in bold and empty Tiddlers are in italics. See CreatingTiddlers for details.\n\n! External Links\nYou can link to [[external sites|http://google.com]] with brackets. You can also LinkToFolders on your machine or network shares.\n\n! Images\nEdit this tiddler to see how it's done.\n[img[http://img110.echo.cx/img110/139/gorilla8nw.jpg]]\n\n!Tables\n|!th1111111111|!th2222222222|\n|>| colspan |\n| rowspan |left|\n|~| right|\n|colored| center |\n|caption|c\n\nFor a complex table example, see PeriodicTable.\n\n! Horizontal Rules\nYou can divide a tiddler into\n----\nsections by typing four dashes on a line by themselves.\n\n! Blockquotes\n<<<\nThis is how you do an extended, wrapped blockquote so you don't have to put angle quotes on every line.\n<<<\n>level 1\n>level 1\n>>level 2\n>>level 2\n>>>level 3\n>>>level 3\n>>level 2\n>level 1\n\n! Other Formatting\n''Bold''\n==Strike==\n__Underline__\n//Italic//\nSuperscript: 2^^3^^=8\nSubscript: a~~ij~~ = -a~~ji~~\n@@highlight@@ Unfortunately highlighting is broken right now.\n@@color(green):green colored@@\n@@bgcolor(#ff0000):color(#ffffff):red colored@@ Hex colors are also broken right now.\n

[[Forum for discussion of GTDTW|http://shared.snapgrid.com/gtd-forum/]]. Supercedes the GoogleGroup. Anyone can read posts, but a simple registration is required for posting (privacy guaranteed).

See [[About GTD TiddlyWiki]].

|Property|Description|Values|IE|F|N|W3C|\n|content |Generates content in a document. Used with the :before and :afterpseudo-elements|string/url/counter(name)/counter(name, list-style-type)/counters(name, string)/counters(name, string, list-style-type)/attr(X)/open-quote/close-quote/no-open-quote/no-close-quote|/|1|6|2|\n|counter-increment |Sets how much the counter increments on each occurrence of aselector/|none/identifier number|/|/|/|2|\n|counter-reset |Sets the value the counter is set to on each occurrence ofa selector|none/identifier number|/|/|/|2|\n|quotes |Sets the type of quotation marks|none/string string|-|1|6|2|

Getting Things Done is a simple and effective personal productivity method by David Allen. You can [[get the book from Amazon|http://www.amazon.com/exec/obidos/tg/detail/-/0142000280/qid=1115360158/sr=8-1/ref=pd_csp_1/002-8782437-3718417?v=glance&s=books&n=507846]].\n\nAlso check out the GTD community at the 43Folders [[website|http://www.43folders.com/]], [[wiki|http://wiki.43folders.com/index.php/Main_Page]], and [[newsgroup|http://groups-beta.google.com/group/43Folders/]].\n\n----\n"Getting Things Done" is © David Allen at [[Davidco|http://davidco.com]]. Davidco has no affiliation with TiddlyWiki or GTDTiddlyWiki.

The [[Google Group|http://groups-beta.google.com/group/GTD-TiddlyWiki?hl=en]] has been superceded by the GTDTWForum

Edit this to see how to create Headers\n\n!Header 1\n!!Header 2\n!!!Header 3\n!!!!Header 4\n!!!!!Header 5\n

Welcome to the GTDTiddlyWiki, an experimental MicroContent WikiWikiWeb originally built by JeremyRuston and adapted for GTD use by NathanBowers. It's written in HTML, CSS and JavaScript to run on any modern browser without needing any ServerSide logic. It allows anyone to create personal SelfContained hypertext documents that can be posted to any web server, sent by email or kept on a USB thumb drive to make a WikiOnAStick.

AKA: "Personal Analog Assistant"\n\nA fun term for running your GTD lists from index cards. See [[43Folders|http://merlin.blogs.com/43folders/2004/09/introducing_the.html]] for the full rundown (be sure to check the trackbacks. Also check out [[Adam Gurno's|http://gurno.com/adam/j2/index.php?p=44]] ideas for printing your own special cards.

When GTDTiddlyWiki is updated with enhancements and fixes, here's how to upgrade while keeping your data.\n\n* Just to be safe, create a backup of your current file and archive it somewhere.\n\nOkay then:\n* Open your TiddlyWiki file (say it's called "mystuff.html") in a browser.\n* Without closing that page, right-click on [[this link|#]], select 'Save target' or 'Save link' and save it as "mystuff.html", replacing your existing file\n* Now go back to the previously opened copy of "mystuff.html" in your browser and click "save changes" in the sidebar.\n* Refresh the page in the browser to verify that the upgrade has worked

*sample:\n|!th1111111111|!th2222222222|\n|>| colspan |\n| rowspan |left|\n|~| right|\n|bgcolor(#a0ffa0):colored| center |\n|caption|c\n*another sample: see PeriodicTable.\n

/*\n''套件:'' zh_CN\n''功能:'' TiddliWiki 界面简体中文化\n''作者:'' Bram Chen, http://ptw.sf.net/\n''版本:'' 2.0.10\n''说明:''\n* Apr 28 2006\n** 修改用词："巨集" -> "宏"。\n* Mar 23 2006\n** 添加 config.messages.tiddlerLinkTooltip = "%0 - %1, %2";\n** 添加 config.commands.saveTiddler.readOnlyText = "完成";\n** 添加 config.commands.saveTiddler.readOnlyTooltip = "返回正常显示模式";\n** 改变 config.messages 翻译方式。\n* Feb 24 2006\n** 添加 config.messages.unsavedChangesWarning: "注意！尚未保存变更\sn\sn[确定]存档，或[取消]放弃存档？",\n** 添加 config.messages.confirmExit: "--------------------------------\sn\snTiddlyWiki 以更改内容尚未保存，继续的话将遗失这些更动\sn\sn--------------------------------",\n** 添加 config.messages.saveInstructions: "SaveChanges",\n** 添加 config.commands.editTiddler.readOnlyText = "检视";\n** 添加 config.commands.editTiddler.readOnlyTooltip = "检视本文之原始内容";\n** 添加 config.commands.saveTiddler.readOnlyText = "完成";\n** 添加 config.commands.saveTiddler.readOnlyTooltip = "正常显示模式";\n* Feb 04 2006\n** config.shadowTiddlers.TabMore 添加 TabMoreShadowed\n* Jan 25 2006\n** Reworking config.views\n* Dec 31 2005\n** 添加 config.views.wikified.toolbarJump: {text: "卷页", tooltip: "卷页至其他已开启的文章"},\n** 修改 config.views.wikified.editor.toolbarDelete: {text: "删除", tooltip: "删除文章", warning: "确定删除 '%0'?"},\n** 删除 config.macros.jump.\n** 添加 config.messages.messageClose: {text: "关闭", tooltip: "关闭此讯息"},\n** 修改 config.views.wikified. tag : {...., openTag = "开启标签 '%0'" , ....};\n* Dec 06 2005:\n** 添加 config.macros.tagging.label = "引用标签:";\n** 添加 config.macros.tagging.labelNotTag = "无引用标签";\n** 添加config.macros.tagging.tooltip = "列出标签为 '%0' 的文章";\n** 修改config.macros.search.successMsg = " %0 篇符合条件: %1";\n** 修改config.macros.search.failureMsg = " 无符合条件: %0";\n* Nov 30 2005:\n** 添加 config.views.wikified: {toolbarCloseOthers: {text: "关闭其他", tooltip: "关闭其他文章"},\n** 添加 config.macros.jump.label = "卷页";\n** 添加 config.macros.jump.prompt = "卷页至其他已开启的文章";\n* Nov 23 2005:\n** 修改 config.messages.macroError: "巨集 {{{<<%0>>}}}运行错误",\n** 修改 config.messages.macroErrorDetails: "运行巨集{{{<<%0>>}}}时，发生错误 :\sn%1",\n* Oct 28, 2005:\n** 添加 config.messages.shadowedTiddlerToolTip\n** 添加 config.macros.list.shadowed.prompt\n** 修改 config.views.wikified.tag\n*/\n//{{{\nversion.extensions.zh_CN = {major: 2, minor: 0, revision: 10,\n date: new Date("May 12, 2006"),\n name: "zh_CN",\n type: "Plugin",\n author: "BramChen",\n source: "http://sourceforge.net/project/showfiles.php?group_id=150646"\n};\n\n// // ''Messages''\n\nvar lingo = config.messages;\nlingo.customConfigError = "customConfig 错误 - '%1' - %0";\nlingo.savedSnapshotError = "此 TiddlyWiki 未正确保存，详见 http://www.tiddlywiki.com/#DownloadSoftware";\nlingo.subtitleUnknown = "(未知)";\nlingo.undefinedTiddlerToolTip = "'%0' 尚无内容";\nlingo.shadowedTiddlerToolTip = "'%0' 尚无内容, 但已定义隐藏的缺省值";\nlingo.tiddlerLinkTooltip = "%0 - %1, %2";\nlingo.externalLinkTooltip = "外部链接至 %0";\nlingo.noTags = "未设置标签的文章";\nlingo.notFileUrlError = "须先将此 TiddlyWiki 存至本机文件，才可保存变更";\nlingo.cantSaveError = "此浏览器无法保存变更，建议使用FireFox";\nlingo.invalidFileError = " '%0' 非有效之 TiddlyWiki";\nlingo.backupSaved = "已保存备份";\nlingo.backupFailed = "无法保存备份";\nlingo.rssSaved = "RSS feed 已保存";\nlingo.rssFailed = "无法保存 RSS feed ";\nlingo.emptySaved = "已保存范本";\nlingo.emptyFailed = "无法保存范本";\nlingo.mainSaved = "主要的TiddlyWiki已保存";\nlingo.mainFailed = "无法保存主要 TiddlyWiki. 所作的改变未保存";\nlingo.macroError = "宏 {{{<<}}}%0{{{>>}}} 运行错误";\nlingo.macroErrorDetails = "运行宏 {{{<<}}}%0{{{>>}}} 时，发生错误 :\sn%1";\nlingo.missingMacro = "无此宏";\nlingo.overwriteWarning = "'%0' 已存在，[确定]覆盖之";\nlingo.unsavedChangesWarning = "注意！尚未保存变更\sn\sn[确定]保存，或[取消]放弃保存？";\nlingo.confirmExit = "--------------------------------\sn\snTiddlyWiki 以更改内容尚未保存，继续的话将遗失这些更动\sn\sn--------------------------------";\nlingo.saveInstructions = "SaveChanges";\nlingo.messageClose.text = "关闭";\nlingo.messageClose.tooltip = "关闭此讯息";\nlingo.dates.months = ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"];\nlingo.dates.days = ["日", "一","二", "三", "四", "五", "六"];\nconfig.messages = lingo;\n\n// // ''config.views'' \nlingo =config.views;\nlingo.wikified.tag.labelNoTags = "未设标签";\nlingo.wikified.tag.labelTags = "标签: ";\nlingo.wikified.tag.openTag = "开启标签 '%0'";\nlingo.wikified.tag.tooltip = "显示标签为 '%0' 的文章";\nlingo.wikified.tag.openAllText = "开启以下所有文章";\nlingo.wikified.tag.openAllTooltip = "开启标签为 '%0' 的文章";\nlingo.wikified.tag.popupNone = "仅此文标签为 '%0'";\nlingo.wikified.defaultText = "";\nlingo.wikified.defaultModifier = "(missing)";\nlingo.wikified.shadowModifier = "(shadow)";\nlingo.editor.tagPrompt = "设定标签之间以空白区隔，[[标签含空白时请使用双中括弧]]，或点选现有之标签加入";\nlingo.editor.tagChooser.text = "标签";\nlingo.editor.tooltip = "点选现有之标签加至本文章";\nlingo.editor.popupNone = "未设定标签";\nlingo.editor.tagTooltip = "加入标签 '%0'";\nlingo.editor.defaultText = "";\nconfig.views = lingo;\n\n// // ''Macros\nlingo =config.macros;\nlingo.search.label = " 查找";\nlingo.search.prompt = "查找本 Wiki";\nlingo.search.sizeTextbox = 15;\nlingo.search.accessKey = "F";\nlingo.search.successMsg = " %0 篇符合条件: %1";\nlingo.search.failureMsg = " 无符合条件: %0";\nlingo.tagging.label = "引用标签:";\nlingo.tagging.labelNotTag = "无引用标签";\nlingo.tagging.tooltip = "列出标签为 '%0' 的文章";\nlingo.timeline.dateFormat = "YYYY0MM0DD";\nlingo.allTags.tooltip = "显示文章- 标签为'%0'";\nlingo.allTags.noTags = "没有标签的文章";\nlingo.list.all.prompt = "依字母排序";\nlingo.list.missing.prompt = "被引用且内容空白的文章";\nlingo.list.orphans.prompt = "未被引用的文章";\nlingo.list.shadowed.prompt = "这些隐藏的文章已定义缺省内容";\nlingo.closeAll.label = "全部关闭";\nlingo.closeAll.prompt = "关闭所有开启中的 tiddler (编辑中除外)";\nlingo.saveChanges.label = "保存变更";\nlingo.saveChanges.prompt = "保存所有文章，产生新的版本";\nlingo.permaview.label = "引用链接";\nlingo.permaview.prompt = "可存取现有开启之文章的链接位址";\nlingo.newTiddler.label = "添加文章";\nlingo.newTiddler.prompt = "添加 tiddler";\nlingo.newJournal.label = "添加日志";\nlingo.newJournal.prompt = "添加 jounal";\nconfig.macros = lingo;\n\n// // ''Toolbars (Commands)''\nlingo = config.commands;\nlingo.closeTiddler.text = "关闭";\nlingo.closeTiddler.tooltip = "关闭本文";\nlingo.closeOthers.text = "关闭其他";\nlingo.closeOthers.tooltip = "关闭其他文章";\nlingo.editTiddler.text = "编辑";\nlingo.editTiddler.tooltip = "编辑本文";\nlingo.editTiddler.readOnlyText = "检视";\nlingo.editTiddler.readOnlyTooltip = "检视本文之原始内容";\nlingo.saveTiddler.text = "完成";\nlingo.saveTiddler.tooltip = "确定修改";\nlingo.saveTiddler.readOnlyText = "完成";\nlingo.saveTiddler.readOnlyTooltip = "正常显示模式";\nlingo.cancelTiddler.text = "取消";\nlingo.cancelTiddler.tooltip = "取消修改";\nlingo.cancelTiddler.readOnlyText = "完成";\nlingo.cancelTiddler.readOnlyTooltip = "返回正常显示模式";\nlingo.deleteTiddler.text = "删除";\nlingo.deleteTiddler.tooltip = "删除文章";\nlingo.deleteTiddler.warning = "确定删除 '%0'?";\nlingo.permalink.text = "引用连结";\nlingo.permalink.tooltip = "本文引用链接";\nlingo.references.text = "引用";\nlingo.references.tooltip = "引用本文的文章";\nlingo.references.popupNone = "本文未被引用";\nlingo.jump.text = "卷页";\nlingo.jump.tooltip = "卷页至其他已开启的文章";\nconfig.commands = lingo;\n\n// // ''ShadowTiddlers''\nlingo = config.shadowTiddlers;\nlingo.SideBarOptions = "<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal YYYY0MM0DD>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 偏好设置 '变更 TiddlyWiki 选项'>>";\nlingo.AdvancedOptions = "<<option chkOpenInNewWindow>> 链接开启于新视窗\sn<<option chkSaveEmptyTemplate>> 保存范本\sn<<option chkToggleLinks>> 点击文章使已开启者关闭\sn\sn<<option chkHttpReadOnly>> 隐藏编辑功能 ({{{http:}}})\sn<<option chkForceMinorUpdate>> 修改文章不变更日期时间\sn(确认修改同时按 Shift 键，或只按 Ctrl-Shift-Enter)\sn<<option chkConfirmDelete>> 删除文章前确认\sn\sn编辑模式中显示列数: <<option txtMaxEditRows>>\sn存放备份文件的资料夹: <<option txtBackupFolder>>";\nlingo.OptionsPanel = "这些设置将暂存于浏览器中，\sn请签名<<option txtUserName>>\sn (范例：WikiWord)\sn\sn <<option chkSaveBackups>> [[保存备份]]\sn<<option chkAutoSave>> [[自动保存]]\sn<<option chkGenerateAnRssFeed>> [[产生 RssFeed]]\sn<<option chkRegExpSearch>> [[正规式搜索]]\sn<<option chkCaseSensitiveSearch>> [[区分大小写搜索]]\sn<<option \snchkAnimate>> [[使用动画显示]]\sn\sn AdvancedOptions";\nlingo.SideBarTabs = "<<tabs txtMainTab 最近更新 '依更新日期排序' TabTimeline 全部 '所有文章' TabAll 分类 '依标签分类' TabTags 更多 '其他' TabMore>>";\nlingo.TabMore = "<<tabs txtMoreTab 未完成 '内容空白的文章' TabMoreMissing 未引用 '未被引用的文章' TabMoreOrphansTabMoreOrphans 缺省文章 '缺省的隐藏文章' TabMoreShadowed>>";\nconfig.shadowTiddlers = lingo;\nlingo = null;\n\n// // ''Date formatString''\nDate.prototype.formatString = function(template){\n template = template.replace(/YYYY/g,this.getFullYear() + '年');\n template = template.replace(/YY/g,String.zeroPad(this.getFullYear()-1911,2) + '年');\n template = template.replace(/MMM/g,config.messages.dates.months[this.getMonth()] + '月');\n template = template.replace(/0MM/g,String.zeroPad(this.getMonth()+1,2) + '月');\n template = template.replace(/MM/g,this.getMonth()+1 + '月');\n template = template.replace(/DDD/g,'星期'+config.messages.dates.days[this.getDay()]);\n template = template.replace(/DDth/g,this.getDate()+this.daySuffix());\n template = template.replace(/0DD/g,String.zeroPad(this.getDate(),2)+ '日');\n template = template.replace(/DD/g,this.getDate() + '日');\n template = template.replace(/0hh/g,String.zeroPad(this.getHours(),2));\n template = template.replace(/hh/g,this.getHours());\n template = template.replace(/0mm/g,String.zeroPad(this.getMinutes(),2));\n template = template.replace(/mm/g,this.getMinutes());\n template = template.replace(/0ss/g,String.zeroPad(this.getSeconds(),2));\n template = template.replace(/ss/g,this.getSeconds());\n return template;\n};\n//}}}

When you type more than three characters in the search box at the upper right, any matching tiddlers are automatically displayed with the text highlighted. There's a couple of minor issues: the highlights don't get removed when you clear the search, and occasionally, on some browsers, keystrokes get missed if you type quickly so you may need to click the 'search' button to manually trigger the search.

InterfaceOptions are displayed when you click the 'options' button on the right. They are saved in a cookie on your browser, making them sticky between visits. RegExpSearch allows more complex search expressions; CaseSensitiveSearch does as it's name implies. The user name for edits should be set //before// starting to edit things (ouch. another bug).

InternetExplorer on Windows allows you to SaveChanges in TiddlyWiki. It will give you an ActiveX warning, and ask for your permission to proceed each time. It should work from version 4, but I have only extensively tested against version 6. I have found some annoying difficulties with XpServicePack2, but there's always FireFox.

The creator of TiddlyWiki and a technologist based in London. He does consultancy work through his company [[Osmosoft|http://www.osmosoft.com]], as well as pursuing some independent projects like TiddlyWiki.

* All your action lists live in one HTML file, ideal for portability and simplicity.\n* [[Print3x5]] cards for your HipsterPDA right from your browser.\n* Runs locally, no network connection needed.\n* User defined CustomStyleSheet\n* Built with HTML, CSS, and Javascript, so it's easy to modify.\n* Really good incremental and regular expression search.\n* Your updates are date and name stamped (hover over the Timeline entries).\n* Your most recent version is automatically backed up when you SaveChanges (You can edit the Javascript to do incremental time-stamped backups. See the RevisionHistory for details).\n* Presumably, TiddlyWiki could run on a capable handheld device, but this is untested.

* Double click on a Tidder entry to edit it.\n* [Control + Enter] accepts your changes and switches out of editing mode\n* [Escape] abandons your changes and reverts the tiddler to it's previous state

!Bugs\n* StyleSheet suffers from a bug that truncates long entries with many non-alphanumeric characters, so if you try to put the entire set of styles in there, it probably won't work.\n* "Highlighted" and Hexidecimal colored text formatting is broken\n* When printing WIN/IE 6 inserts one blank page because it does not recognize the :first-child CSS psuedo element.\n* WIN/IE 6 messes up list items when you edit a Tiddler with multiple headings.\n\n!Annoyances\n* You have to do alot to customize your browser print settings to remove the page URL, pagination, timestamp, and ensure that the output is sized and paged correctly.\n* Firefox/Mac has no "page properties" interface for removing the page URL, page numbers, etc... from printed pages. This is pretty lame. Try entering about:config in Firefox's URL bar and look for "print" to configure it the hard way. Ask the Firefox development team to fix this.\n\n!Help out\n* If you you encounter new bugs, can help fix bugs, or can help make this usable in other browsers, or handhelds, go to the GTDTWForum. Thanks!

The format for PrettyLinks allows for links that open local or network folders. Depending on your browser and operating system, the folders are opened in Windows Explorer, the OS X Finder, or the browser itself.\n\nEdit this tiddler to see [[this link to a Windows network share|file://server/share/folder/path/name]], [[this link to a Windows drive-mapped folder|file:///c:/folder/path/name]] and [[this link to a Unix-style folder|file:///folder/path/name]].

|Property|Description|Values|IE|F|N|W3C|\n|list-style|A shorthand property for setting all of the properties fora list in one declaration|list-style-type/list-style-position/list-style-image|4|1|6|1|\n|list-style-image|Sets an image as the list-item marker|none/url|4|1|6|1|\n|list-style-position|Sets where the list-item marker is placed in the list|inside/outside|4|1|6|1|\n|list-style-type|Sets the type of the list-item marker|none/disc/circle/square/decimal/decimal-leading-zero/lower-roman/upper-roman/lower-alpha/upper-alpha/lower-greek/lower-latin/upper-latin/hebrew/armenian/georgian/cjk-ideographic/hiragana/katakana/hiragana-iroha/katakana-iroha/|4|1|4|1|\n|marker-offset|/|auto/length|/|1|7|2|

[[@html 4.01参考]]\n[[@xhtml 1.0]]\n[[@css 2.0]]\n[[@css3.0 draft]]\n[[@javascript]]\n[[@html dom]]\n[[@prototype]]\nFormattingInstructions\nStyleSheetLayout\n[[正则表达式]]

|Property|Description|Values|IE|F|N|W3C|\n|margin |A shorthand property for setting the margin properties inone declaration|margin-top/margin-right/margin-bottom/margin-left|4|1|4|1|\n|margin-bottom |Sets the bottom margin of an element|auto/length/%|4|1|4|1|\n|margin-left |Sets the left margin of an element|auto/length/%|3|1|4|1|\n|margin-right |Sets the right margin of an element|auto/length/%|3|1|4|1|\n|margin-top |Sets the top margin of an element|auto/length/%|3|1|4|1|

MicroContent being a fashionable word for self-contained fragments of content that are typically smaller than entire pages. Often MicroContent is presented via some kind of aggregation that reduces the perceptual shock and resource cost of context switching (eg Blogs aggregating several entries onto a page or Flickr presenting photos in an album). This TiddlyWiki aggregates MicroContent items that I call 'tiddlers' into pages that are loaded in one gulp and progressively displayed as the user clicks hypertext links to read them.

This ThirdVersion of TiddlyWiki adds:\n* the ability to easily SaveChanges on FireFox and InternetExplorer\n* a new liquid CSS layout that fills the width of the browser window\n* InterfaceOptions revealed by clicking the new 'options' button on the right\n* some BugFixes\n* KeyboardShortcuts so you can finish editing a tiddler with Control-Enter or abandon it with Escape\n* a more flexible OpenSourceLicense\n* a bunch of features from IsaoSonobe's [[adaptation|http://www-gauge.scphys.kyoto-u.ac.jp/~sonobe/OgreKit/OgreKitWiki.html]] of TiddlyWiki including ExtendedFormatting, NonWikiWordLinks, PrettyLinks, [[Headings]], BulletPoints, NumberedLists, HtmlTables, BlockQuotes, HorizontalRules and...\n* ...EmbeddedImages:\n[img[http://img110.echo.cx/img110/139/gorilla8nw.jpg]]

TiddlyWiki is a spare time project that I'm making available under an OpenSourceLicense. Accordingly, there's no warranty on it, and you can only use it at your own risk. To report bugs go to the GTDTWForum.

To make a tiddler that doesn't have a WikiWord as it's name, you can enclose the name in [[double square brackets]] - edit this tiddler to see an example. After saving the tiddler you can then click on the link to create the new tiddler. NonWikiWordLinks permits tiddlers to be created with names that are made from character sets that don't have upper and lower case.

start\n#item1\n#item2\n##item2.1\n##item2.2\n##item2.3\n#item3\n##item3.1\n###item3.1.1\n###item3.1.2\n\nend

TiddlyWiki is published under a BSD OpenSourceLicense that gives you the freedom to use it pretty much however you want, including for commercial purposes, as long as you keep my copyright notice. I'd appreciate a link back to http://www.tiddlywiki.com as well.

|Property|Description|Values|IE|F|N|W3C|\n|outline |A shorthand property for setting all the outline properties inone declaration|outline-color/outline-style/outline-width|-|1.5|-|2|\n| outline-color |Sets the color of the outline around an element|color/invert|-|1.5|-|2|\n| outline-style |Sets the style of the outline around an element|none/dotted/dashed/solid/double/groove/ridge/inset/outset|-|1.5|-|2|\n| outline-width |Sets the width of the outline around an element|thin/medium/thick/length|-|1.5|-|2|

|Property|Description|Values|IE|F|N|W3C|\n|padding|A shorthand property for setting all of  the padding properties inone declaration|padding-top/padding-right/padding-bottom/padding-left|4|1|4|1|\n|padding-bottom|Sets the bottom padding of an element|length/%|4|1|4|1|\n|padding-left|Sets the left padding of an element|length/%|4|1|4|1|\n|padding-right|Sets the right padding of an element|length/%|4|1|4|1|\n|padding-top|Sets the top padding of an element|length/%|4|1|4|1|

|Standard Periodic Table (ref. Wikipedia)|c\n|| !1 | !2 |!| !3 | !4 | !5 | !6 | !7 | !8 | !9 | !10 | !11 | !12 | !13 | !14 | !15 | !16 | !17 | !18 |\n|!1|bgcolor(#a0ffa0): @@color(red):H@@ |>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>||bgcolor(#c0ffff): @@color(red):He@@ |\n|!2|bgcolor(#ff6666): Li |bgcolor(#ffdead): Be |>|>|>|>|>|>|>|>|>|>||bgcolor(#cccc99): B |bgcolor(#a0ffa0): C |bgcolor(#a0ffa0): @@color(red):N@@ |bgcolor(#a0ffa0): @@color(red):O@@ |bgcolor(#ffff99): @@color(red):F@@ |bgcolor(#c0ffff): @@color(red):Ne@@ |\n|!3|bgcolor(#ff6666): Na |bgcolor(#ffdead): Mg |>|>|>|>|>|>|>|>|>|>||bgcolor(#cccccc): Al |bgcolor(#cccc99): Si |bgcolor(#a0ffa0): P |bgcolor(#a0ffa0): S |bgcolor(#ffff99): @@color(red):Cl@@ |bgcolor(#c0ffff): @@color(red):Ar@@ |\n|!4|bgcolor(#ff6666): K |bgcolor(#ffdead): Ca ||bgcolor(#ffc0c0): Sc |bgcolor(#ffc0c0): Ti |bgcolor(#ffc0c0): V |bgcolor(#ffc0c0): Cr |bgcolor(#ffc0c0): Mn |bgcolor(#ffc0c0): Fe |bgcolor(#ffc0c0): Co |bgcolor(#ffc0c0): Ni |bgcolor(#ffc0c0): Cu |bgcolor(#ffc0c0): Zn |bgcolor(#cccccc): Ga |bgcolor(#cccc99): Ge |bgcolor(#cccc99): As |bgcolor(#a0ffa0): Se |bgcolor(#ffff99): @@color(green):Br@@ |bgcolor(#c0ffff): @@color(red):Kr@@ |\n|!5|bgcolor(#ff6666): Rb |bgcolor(#ffdead): Sr ||bgcolor(#ffc0c0): Y |bgcolor(#ffc0c0): Zr |bgcolor(#ffc0c0): Nb |bgcolor(#ffc0c0): Mo |bgcolor(#ffc0c0): Tc |bgcolor(#ffc0c0): Ru |bgcolor(#ffc0c0): Rh |bgcolor(#ffc0c0): Pd |bgcolor(#ffc0c0): Ag |bgcolor(#ffc0c0): Cd |bgcolor(#cccccc): In |bgcolor(#cccccc): Sn |bgcolor(#cccc99): Sb |bgcolor(#cccc99): Te |bgcolor(#ffff99): I |bgcolor(#c0ffff): @@color(red):Xe@@ |\n|!6|bgcolor(#ff6666): Cs |bgcolor(#ffdead): Ba |bgcolor(#ffbfff):^^*1^^|bgcolor(#ffc0c0): Lu |bgcolor(#ffc0c0): Hf |bgcolor(#ffc0c0): Ta |bgcolor(#ffc0c0): W |bgcolor(#ffc0c0): Re |bgcolor(#ffc0c0): Os |bgcolor(#ffc0c0): Ir |bgcolor(#ffc0c0): Pt |bgcolor(#ffc0c0): Au |bgcolor(#ffc0c0): @@color(green):Hg@@ |bgcolor(#cccccc): Tl |bgcolor(#cccccc): Pb |bgcolor(#cccccc): Bi |bgcolor(#cccc99): Po |bgcolor(#ffff99): At |bgcolor(#c0ffff): @@color(red):Rn@@ |\n|!7|bgcolor(#ff6666): Fr |bgcolor(#ffdead): Ra |bgcolor(#ff99cc):^^*2^^|bgcolor(#ffc0c0): Lr |bgcolor(#ffc0c0): Rf |bgcolor(#ffc0c0): Db |bgcolor(#ffc0c0): Sq |bgcolor(#ffc0c0): Bh |bgcolor(#ffc0c0): Hs |bgcolor(#ffc0c0): Mt |bgcolor(#ffc0c0): Ds |bgcolor(#ffc0c0): Rg |bgcolor(#ffc0c0): @@color(green):Uub@@ |bgcolor(#cccccc): Uut |bgcolor(#cccccc): Uuq |bgcolor(#cccccc): Uup |bgcolor(#cccccc): Uuh |bgcolor(#fcfecc): @@color(#cccccc):Uus@@ |bgcolor(#ecfefc): @@color(#cccccc):Uuo@@ |\n\n| !Lanthanides^^*1^^|bgcolor(#ffbfff): La |bgcolor(#ffbfff): Ce |bgcolor(#ffbfff): Pr |bgcolor(#ffbfff): Nd |bgcolor(#ffbfff): Pm |bgcolor(#ffbfff): Sm |bgcolor(#ffbfff): Eu |bgcolor(#ffbfff): Gd |bgcolor(#ffbfff): Tb |bgcolor(#ffbfff): Dy |bgcolor(#ffbfff): Ho |bgcolor(#ffbfff): Er |bgcolor(#ffbfff): Tm |bgcolor(#ffbfff): Yb |\n| !Actinides^^*2^^|bgcolor(#ff99cc): Ac |bgcolor(#ff99cc): Th |bgcolor(#ff99cc): Pa |bgcolor(#ff99cc): U |bgcolor(#ff99cc): Np |bgcolor(#ff99cc): Pu |bgcolor(#ff99cc): Am |bgcolor(#ff99cc): Cm |bgcolor(#ff99cc): Bk |bgcolor(#ff99cc): Cf |bgcolor(#ff99cc): Es |bgcolor(#ff99cc): Fm |bgcolor(#ff99cc): Md |bgcolor(#ff99cc): No |\n\n*Chemical Series of the Periodic Table\n**@@bgcolor(#ff6666): Alkali metals@@\n**@@bgcolor(#ffdead): Alkaline earth metals@@\n**@@bgcolor(#ffbfff): Lanthanides@@\n**@@bgcolor(#ff99cc): Actinides@@\n**@@bgcolor(#ffc0c0): Transition metals@@\n**@@bgcolor(#cccccc): Poor metals@@\n**@@bgcolor(#cccc99): Metalloids@@\n**@@bgcolor(#a0ffa0): Nonmetals@@\n**@@bgcolor(#ffff99): Halogens@@\n**@@bgcolor(#c0ffff): Noble gases@@\n\n*State at standard temperature and pressure\n**those in @@color(red):red@@ are gases\n**those in @@color(green):green@@ are liquids\n**those in black are solids

I think this feature from the SecondVersion of TiddlyWiki is quite original. It's a button in the right-hand sidebar that sets the browser address bar to a URL embodying all the currently open tiddlers in the order that they are currently shown. To use it, arrange the open tiddlers that you want, click the permaview button, copy the URL from the browser address bar, and then paste it into an email, web page or whatever.

!位置\n|Property|Description|Values|IE|F|N|W3C|\n|bottom|Sets how far the bottom edge of an element is above/below thebottom edge of the parent element|auto/%/length|5|1|6|2|\n|clip|Sets the shape of an element. The element is clipped intothis shape, and displayed|shape/auto|4|1|6|2|\n|left|Sets how far the left edge of an element is to the right/left ofthe left edge of the parent element|auto/%/length|4|1|4|2|\n|overflow/\n|Sets what happens if the content of an element overflow itsarea|visible/hidden/scroll/auto|4|1|6|2|\n|position|Places an element in a static, relative, absolute or fixed position|static/relative/absolute/fixed|4|1|4|2|\n|right|Sets how far the right edge of an element is to the left/right ofthe right edge of the parent element|auto/%/length|5|1|6|2|\n|top|Sets how far the top edge of an element is above/below thetop edge of the parent element|auto/%/length|4|1|4|2|\n|vertical-align|Sets the vertical alignment of an element|baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%|4|1|4|1|\n|z-index|Sets the stack order of an element|auto/number|4|1|6|2|

You can now link to [[external sites|http://www.osmosoft.com]] with ordinary words, without the messiness of the full URL appearing. Edit this tiddler to see how.\n\nYou can also LinkToFolders.

The GTD Tiddly Wiki has been designed to print "HipsterPDA" 3x5 index cards. All you have to do is use your browser's "Print" button or shortcut key.\n\n!Print Features:\n* Print directly to 3x5 from your browser. There is no "printer friendly" link.\n* Pagination: Each Tiddler (or GTD list) will print on it's own sheet. You could have all your lists open and print them all at once.\n* If you know any CSS, you can completely customize the print output.\n* List bullets are circles to help you mark off completed tasks in your HipsterPDA.\n\n[img[http://img15.echo.cx/img15/57/lists2jb.jpg]]\n\n!How to customize print style, typeface, or font size:\n* Edit the StyleSheet Tiddler (it helps to know a little CSS).\n\n!KnownBugs with print:\n* Firefox/Mac has no "page properties" interface for removing the page URL, page numbers, etc... from printed pages. This is pretty lame. Try entering about:config in Firefox's URL bar and look for "print" to configure it the hard way.\n* WIN/IE 6 inserts one blank page because it does not recognize the :first-child CSS psuedo element.\n* You'll probably need to tweak your browser print settings to remove the page URL, pagination, timestamp, and ensure that the output is sized and paged correctly.\n* Your mileage may vary because of platform, font, browser, and printer differences. If you find something that's broken or needs help, visit the GTDTWForum.

|Pseudo-class|Purpose|IE|F|N|W3C|\n|:active|Adds special style to an activated element|4|1|/|1|\n|:focus|Adds special style to an element while the element has focus|-|-|/|2|\n|:hover|Adds special style to an element when you mouse over/ it|4|1|7|1|\n|:link|Adds special style to an unvisited link|3|1|4|1|\n|:visited|Adds special style to a visited link|3|1|4|1|\n|:first-child|Adds special style to an element that is the first child of some other element|/|1|7|2|\n|:lang|Allows the author to specify a language to use in a specified element|/|1|/|2|\n

|Pseudo-element|Purpose|IE|F|N|W3C|\n|:first-letter|Adds special style to the first letter of a text|5|1|/|1|\n|:first-line|Adds special style to the first line of a text|5|1|/|1|\n|:before|Inserts some content before an element|/|/|/|2|\n|:after|Inserts some content after an element|/|/|/|2|

The rules governing where a tiddler is displayed sound complicated written down. When you click on a tiddler link within another tiddler, the new one is opened immediately below the current one. If the target tiddler is already open, TiddlyWiki just uses SmoothScrolling to bring it into view. More or less the same thing happens when clicking on a tiddler link within the menu or sidebar, except that the tiddler opens at the top of the page if it is not already open.

RegExpSearch uses JavaScript's [[RegExp syntax|http://www.programmershelp.co.uk/docs/javascript/regexp.html#1193188]] to allow flexible searches.

If you rename a Tiddler and it lives in MainMenu or DefaultTiddlers, you'll need to update those SpecialTiddlers manually.

It's easy to make your own TiddlyWiki that you can publish yourself - see how to SaveChanges for details. If you want to change the layout or the colour scheme, you'll need some basic HTML and CSS knowledge.

GTDTiddlyWiki will incorporate [[updates|http://www.osmosoft.com/#RevisionHistory]] from the official TiddlyWiki and other contributors as appropriate. If you'd like to contribute to development, go the GTDTWForum.\n\nTo see my changes to Javascript, search the source code for "Nathan Edit".\n\nHowToUpgrade | UpdateNotification | VersionArchive\n\n! version 1.0.6 September 3rd 2005\n# Full rebuild based on TiddlyWiki Revision 1.2.32.\n\n! version 1.0.5 May 21st 2005\n# Added version number to footer and VersionArchive (major update soon).\n\n! version 1.0.4 May 17th 2005\n# Added JeremyRuston's CustomStyleSheet feature.\n\n! version 1.0.3 May 17th 2005\n# Now works in Safari (requires [[plugin by Jonathan Paisley|http://www.accela.net/~dankna/tiddlywiki/]]) Thanks Jonathan! \n# Constrained printed images to fit 3x5 cards (this won't work in IE)\n# Added saving on delete and put a small "save" link back into the sidebar.\n# Added links to GTDTWForum and RSS UpdateNotification\n\n! version 1.0.2 May 13th 2005\n# When "done" button or CRTL+ENTER is pressed to make changes to a Tiddler, entire wiki is saved and a backup is created. This should prevent accidental data loss. (Thanks to Ron, Jamie, and Terminus in the [[group|http://groups-beta.google.com/group/GTD-TiddlyWiki/browse_frm/thread/809f958426038e94?hl=en]])\n# Removed "Save Successful" confirmation dialog.\n# Removed big happy "Save" button (and died a little inside) ;) to avoid user ambiguity about saving. Also removed [alt+s] save.\n# Added Camino compatability ([[Thanks Schlafer|http://tinyurl.com/aeqpt]])\n# Added DevelopmentTips\n\n! version 1.0.1 May 10th 2005\n# Added TiddlyWiki fixes from original version 1.2.6\n\n! version 1.0.0 May 9th, 2005\n# Added print style sheet\n# Overhaul of CSS layout\n# Added alt + s quicksave with a simple accesskey attribute.\n# Changed sidebar "Timeline" and "All" to remove BR tags and extra Spaces. Check the javascript functions refreshTabTimeline() and refreshTabAll()\n# Changed incremental date stamped "backup on save" to a single backup file. See the saveChanges() javscript function in this page's source to re-enable datestamped backup.

You can SaveChanges if you're using FireFox or InternetExplorer:\n# if you're using Windows XP you might run into ServicePack2Problems\n# right click on [[this link|#]] and select 'Save link as...' or 'Save target as...'\n** choose where to save the file, and what to call it (but keep the .HTML extension)\n# open the newly downloaded file in your browser\n# click the 'options' button to set your username\n# edit, create and delete the tiddlers you want\n** you can change the SpecialTiddlers to change the SiteTitle and MainMenu etc.\n# Every time you click "done" or "delete" when editing a Tiddler, your changes are saved and a backup of the last saved state is created (customize this in the options panel).\n

Released in December 2004, the [[second version|secondversion.html]] of TiddlyWiki grew 50% over the FirstVersion to 76KB. It added IncrementalSearch, the ReferencesButton, the PermaLinkButton, PermaView, CloseAll, SmoothScrolling, an ImprovedSidebar, an animation for the CloseButton and a tiny EasterEgg in homage to Macintosh OS X. It also introduced a new SiteDesign.

One of the neatest features of TiddlyWiki is that it is entirely self-contained in a single HTML file. It contains the actual hypertext document, and the JavaScript, CascadingStyleSheets and HTML necessary to both view and edit the document. This means that it is trivial to host a TiddlyWiki on a website, or to distribute one by email. And anyone with a reasonably recent web browser will be able to read and edit it.

"How do I run this on a server?" is the number one question people ask. \n\nThe answer is "You can't, and it's a feature, not a bug." \n\nThe idea behind TiddlyWiki is that you can update it from any device with a capable browser, whether you are connected or not. It's personal, not collaborative, though you could upload your version to your server if you wanted people to see your lists (PermaView is good for this).\n\nThe good news is that there are online versions of TiddlyWiki that you can find at [[Jeremy's site|http://www.tiddlywiki.com/#TiddlyWikiAdaptations]], and if you like the things I've done with GTDTiddlyWiki you could merge my version into other TiddlyWiki implementations.

Internet Explorer Windows XP SP2 seems to have a magical ability to keep track of html files that have been downloaded from the internet and saved on an NTFS drive. By storing additional data in an [[alternate data stream|http://www.jsware.net/jsware/sviewer.html]], it manages to keep them in the 'Internet Zone' regardless of attempts to rename or modify the file. But, in order to be able to SaveChanges, TiddlyWiki needs to run in the 'My Computer Zone'.\n\nThere are a couple of ways around the problem:\n* save the TiddlyWiki HTML file to a FAT drive (eg a USB thumb drive)\n* open the downloaded file with a text editor and save it again under a different name\n\nIn either case, The new file will open in 'My Computer Zone', which in turn causes Internet Explorer to put up it's information bar asking you whether you want to run it. You need to 'Allow blocked content' to let TiddlyWiki do it's stuff.\n\nThis is all a bit frustrating. An easy alternative is to use FireFox, which seems to do the trick on all platforms.

html4.01 / xhtml1.0 / css2.0 / css3.0 / javascript / html dom

[[w3c 参考手册]]

TiddlyWiki uses several special tiddlers to hold the text used for the MainMenu, the SiteTitle and the SiteSubtitle. DefaultTiddlers is used to store the titles of the tiddlers that are shown at startup. SaveChanges is automatically displayed if there's a problem with saving. StyleSheet is a user defined stylesheet that exists as a Tiddler. \n\nAll except StyleSheet can be edited with the changes taking effect immediately.

When it loads, TiddlyWiki looks for the names of tiddlers to open as a space-separated list after the # in the URL. If there are no tiddlers in the URL it instead loads the tiddlers named in DefaultTiddlers, one of the SpecialTiddlers.

@media screen\n{\n\nbody {\nfont: 13px/125% "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;\n}\n\n}\n\n@media print\n{\n\nbody {\n font-size: 6.2pt;\n font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;\n}\n\n}

/***\n!Sections in this Tiddler:\n*Generic rules\n**Links styles\n**Link Exceptions\n*Header\n*Main menu\n*Sidebar\n**Sidebar options\n**Sidebar tabs\n*Message area\n*Popup\n*Tabs\n*Tiddler display\n**Viewer\n**Editor\n*Misc. rules\n!Generic Rules /%==============================================%/\n***/\n/*{{{*/\nbody {\n font-size: .75em;\n font-family: arial,helvetica;\n position: relative;\n margin: 0;\n padding: 0;\n}\n\nh1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n padding-left: 0.4em;\n}\n\nh1 {font-size: 1.35em;}\nh2 {font-size: 1.25em;}\nh3 {font-size: 1.1em;}\nh4 {font-size: 1em;}\nh5 {font-size: .9em;}\n\nhr {\n height: 1px;\n}\n\na{\n text-decoration: none;\n}\n\nol { list-style-type: decimal }\nol ol { list-style-type: lower-alpha }\nol ol ol { list-style-type: lower-roman }\nol ol ol ol { list-style-type: decimal }\nol ol ol ol ol { list-style-type: lower-alpha }\nol ol ol ol ol ol { list-style-type: lower-roman }\nol ol ol ol ol ol ol { list-style-type: decimal }\n/*}}}*/\n/***\n''General Link Styles'' /%-----------------------------------------------------------------------------%/\n***/\n/*{{{*/\n.externalLink {\n text-decoration: underline;\n}\n\n.tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */\na.tiddlyLinkNonExisting.shadow {\n font-weight: bold;\n}\n/*}}}*/\n/***\n''Exceptions to common link styles'' /%------------------------------------------------------------------%/\n***/\n/*{{{*/\n\n#mainMenu .tiddlyLinkExisting, \n#mainMenu .tiddlyLinkNonExisting,\n#sidebarTabs .tiddlyLinkExisting,\n#sidebarTabs .tiddlyLinkNonExisting{\n font-weight: normal;\n font-style: normal;\n}\n\n/*}}}*/\n/***\n!Header /%==================================================%/\n***/\n/*{{{*/\n\n.header {\n position: relative;\n}\n\n.header a:hover {\n background: transparent;\n}\n\n.headerShadow {\n position: relative;\n padding: 4.5em 0em 1em 1em;\n left: -1px;\n top: -1px;\n}\n\n.headerForeground {\n position: absolute;\n padding: 4.5em 0em 1em 1em;\n left: 0px;\n top: 0px;\n}\n\n.siteTitle {\n font-size: 3em;\n}\n\n.siteSubtitle {\n font-size: 1.2em;\n}\n\n/*}}}*/\n/***\n!Main menu /%==================================================%/\n***/\n/*{{{*/\n#mainMenu {\n position: absolute;\n left: 0;\n width: 10em;\n text-align: right;\n line-height: 1.6em;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 1.1em;\n}\n\n/*}}}*/\n/***\n!Sidebar rules /%==================================================%/\n***/\n/*{{{*/\n#sidebar {\n position: absolute;\n right: 3px;\n width: 16em;\n font-size: .9em;\n}\n/*}}}*/\n/***\n''Sidebar options'' /%----------------------------------------------------------------------------------%/\n***/\n/*{{{*/\n#sidebarOptions {\n padding-top: 0.3em;\n}\n\n#sidebarOptions a {\n margin: 0em 0.2em;\n padding: 0.2em 0.3em;\n display: block;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0.5em;\n}\n\n#sidebarOptions .sliderPanel {\n margin-left: 1em;\n padding: 0.5em;\n font-size: .85em;\n}\n\n#sidebarOptions .sliderPanel a {\n font-weight: bold;\n display: inline;\n padding: 0;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0 0 .3em 0;\n}\n/*}}}*/\n/***\n''Sidebar tabs'' /%-------------------------------------------------------------------------------------%/\n***/\n/*{{{*/\n\n#sidebarTabs .tabContents {\n width: 15em;\n overflow: hidden;\n}\n\n/*}}}*/\n/***\n!Message area /%==================================================%/\n***/\n/*{{{*/\n#messageArea {\nposition:absolute; top:0; right:0; margin: 0.5em; padding: 0.5em;\n}\n\n*[id='messageArea'] {\nposition:fixed !important; z-index:99;}\n\n.messageToolbar {\ndisplay: block;\ntext-align: right;\n}\n\n#messageArea a{\n text-decoration: underline;\n}\n/*}}}*/\n/***\n!Popup /%==================================================%/\n***/\n/*{{{*/\n.popup {\n font-size: .9em;\n padding: 0.2em;\n list-style: none;\n margin: 0;\n}\n\n.popup hr {\n display: block;\n height: 1px;\n width: auto;\n padding: 0;\n margin: 0.2em 0em;\n}\n\n.popup li.disabled {\n padding: 0.2em;\n}\n\n.popup li a{\n display: block;\n padding: 0.2em;\n}\n/*}}}*/\n/***\n!Tabs /%==================================================%/\n***/\n/*{{{*/\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px;\n}\n\n.tabContents {\n padding: 0.5em;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.txtMainTab .tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n/*}}}*/\n/***\n!Tiddler display rules /%==================================================%/\n***/\n/*{{{*/\n#displayArea {\n margin: 1em 17em 0em 14em;\n}\n\n\n.toolbar {\n text-align: right;\n font-size: .9em;\n visibility: hidden;\n}\n\n.selected .toolbar {\n visibility: visible;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n}\n\n.missing .viewer,.missing .title {\n font-style: italic;\n}\n\n.title {\n font-size: 1.6em;\n font-weight: bold;\n}\n\n.missing .subtitle {\n display: none;\n}\n\n.subtitle {\n font-size: 1.1em;\n}\n\n/* I'm not a fan of how button looks in tiddlers... */\n.tiddler .button {\n padding: 0.2em 0.4em;\n}\n\n.tagging {\nmargin: 0.5em 0.5em 0.5em 0;\nfloat: left;\ndisplay: none;\n}\n\n.isTag .tagging {\ndisplay: block;\n}\n\n.tagged {\nmargin: 0.5em;\nfloat: right;\n}\n\n.tagging, .tagged {\nfont-size: 0.9em;\npadding: 0.25em;\n}\n\n.tagging ul, .tagged ul {\nlist-style: none;margin: 0.25em;\npadding: 0;\n}\n\n.tagClear {\nclear: both;\n}\n\n.footer {\n font-size: .9em;\n}\n\n.footer li {\ndisplay: inline;\n}\n/***\n''The viewer is where the tiddler content is displayed'' /%------------------------------------------------%/\n***/\n/*{{{*/\n* html .viewer pre {\n width: 99%;\n padding: 0 0 1em 0;\n}\n\n.viewer {\n line-height: 1.4em;\n padding-top: 0.5em;\n}\n\n.viewer .button {\n margin: 0em 0.25em;\n padding: 0em 0.25em;\n}\n\n.viewer blockquote {\n line-height: 1.5em;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul, .viewer ol{\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer table {\n border-collapse: collapse;\n margin: 0.8em 1.0em;\n}\n\n.viewer th, .viewer td, .viewer tr,.viewer caption{\n padding: 3px;\n}\n\n.viewer pre {\n padding: 0.5em;\n margin-left: 0.5em;\n font-size: 1.2em;\n line-height: 1.4em;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 1.2em;\n line-height: 1.4em;\n}\n/*}}}*/\n/***\n''The editor replaces the viewer in the tiddler'' /%------------------------------------------------%/\n***/\n/*{{{*/\n.editor {\nfont-size: 1.1em;\n}\n\n.editor input, .editor textarea {\n display: block;\n width: 100%;\n font: inherit;\n}\n\n.editorFooter {\n padding: 0.25em 0em;\n font-size: .9em;\n}\n\n.editorFooter .button {\npadding-top: 0px; padding-bottom: 0px;}\n\n.fieldsetFix {border: 0;\npadding: 0;\nmargin: 1px 0px 1px 0px;\n}\n/*}}}*/\n/***\n!Misc rules /%==================================================%/\n***/\n/*{{{*/\n.sparkline {\n line-height: 1em;\n}\n\n.sparktick {\n outline: 0;\n}\n\n.zoomer {\n font-size: 1.1em;\n position: absolute;\n padding: 1em;\n}\n\n.cascade {\n font-size: 1.1em;\n position: absolute;\n overflow: hidden;\n}\n/*}}}*/

!Supported\n* Safari (requires [[plugin by Jonathan Paisley|http://www.dcs.gla.ac.uk/~jp/tiddlywiki/]])\n* Firefox\n* Win IE 6 (caveat: see KnownBugs)\n* Camino (I haven't verified this)\n\n!Unsupported\n* ==Safari: Saving doesn't work in Safari, which renders TiddlyWiki useless.== FIXED! Thanks to [[Jonathan Paisley|http://www.dcs.gla.ac.uk/~jp/]].\n* Opera: I've gotten mixed reports.

!表格\n|Property|Description|Values|IE|F|N|W3C|\n|border-collapse|Sets the border model of a table|collapse/separate|5|1|7|2|\n|border-spacing|Sets the distance between the borders of adjacent cells(only for the 'separated borders' model)|length length|-|1|6|2|\n|caption-side |Sets the position of the caption according to the table|top/bottom/left/right|-| 1|6| 2|\n|empty-cells |Sets whether cells with no visible content should have borders or not (onlyfor the "separated borders" model)/|show/hide|-| 1|6| 2|\n|table-layout |Sets the algorithm used to lay out the table|auto/fixed|5| 1|6| 2|

!文本\n|Property|Description|Values|IE|F|N|W3C|\n|color|Sets the color of a text|color|3|1|4|1|\n|direction|Sets the text direction|ltr/rtl|6|1|6|2|\n|letter-spacing|Increase or decrease the space between characters|normal/length|4|1|6|1|\n|text-align|Aligns the text in an element|left/right/center/justify|4|1|4|1|\n|text-decoration|Adds decoration to text|none/underline/overline/line-through/blink|4|1|4|1|\n|text-indent|Indents the first line of text in an element|length/%|4|1|4|1|\n|text-shadow|/|none/color/length|/|/|/|/|\n|text-transform|Controls the letters in an element|none/capitalize/uppercase/lowercase|4|1|4|1|\n|unicode-bidi|/|normal/embed/bidi-override|5|/|/|2|\n|white-space|Sets how white space inside an element is handled|normal/pre/nowrap|5|1|4|1|\n|word-spacing|Increase or decrease the space between words|normal/length|6|1|6|1|

Super-duper thanks to JeremyRuston for creating such a great Open Source project.\n \nThanks to Merlin Mann of 43Folders for his work evangelizing and expanding GTD and other life hacks.\n \nThanks to David Allen and Davidco. for coming up with such an elegant and powerful system for dealing with modern life.\n\nFinally, thanks to everyone who made comments and reported bugs.\n\nJeremy's original thank you follows:\n----\nThank you to everybody who has helped me with support and suggestions for TiddlyWiki, but especially IsaoSonobe for his cunning regular expression code, and to my friend RebeccaWelby for the SiteDesign.

This is the ThirdVersion of TiddlyWiki, released in April 2005. The SecondVersion was released in December 2004, and before that the FirstVersion in September 2004.\n\nSee the RevisionHistory for details of minor changes and bug-fixes since the ThirdVersion.

A TiddlyWiki is like a blog because it's divided up into neat little chunks, but it encourages you to read it by hyperlinking rather than sequentially: if you like, a non-linear blog analogue that binds the individual microcontent items into a cohesive whole. I think that TiddlyWiki represents a novel medium for writing, and will promote it's own distinctive WritingStyle. This is the ThirdVersion of TiddlyWiki, which adds several NewFeatures. There are also several TiddlyWikiAdaptations by other developers based on earlier versions.\n\nThe original TiddlyWiki is [[here|http://tiddlywiki.com]].

The first and original was [[PhpTiddlyWiki|http://www.patrickcurry.com/tiddly/]] from PatrickCurry and GabrielJeffrey that adds a simple ServerSide in PHP with MySQL. Patrick's site allows anyone to create and edit tiddlers, and has become the de facto community site around TiddlyWiki.\n\nSome of the other adaptations include:\n* HenrikAastedSorensen's at http://aasted.org/wiki\n* IsaoSonobe's OgreKitWiki at http://www-gauge.scphys.kyoto-u.ac.jp/~sonobe/OgreKit/OgreKitWiki.html \n* JacquesTurbé's TidliPo, in French at http://avm.free.fr/IMG/html/carnet_gt_BigCo.html\n* ChristianHauck's at http://www.christianhauck.net/html/14300.html\n* TonyLownds's at http://tony.lownds.com/home/\n* PoulStaugaard and IvanMetalnikov's at http://poul.staugaard.dk/IeWiki.htm\n\n* There's also KevemBuangga's TiddlyWikiClone at http://www.kevembuangga.com/hwk/hailiwiki.htm (caution: on Safari, it seems to get locked up with error alerts)

TiddlyWiki has been used as the basis of a couple of experiments in hypertext fiction. GinaTrapani created [[Baby Dog Sitter|http://scribbling.net/tiddlywiki-and-non-linear-fiction]] with the FirstVersion of TiddlyWiki, followed by "[[Die, Vampire! Die!|http://www.davidvanwert.com/wiki/dievampiredie.html]]" from DavidVanWert.

IsaoSonobe's TiddlyWikiPod is a nifty utility for Mac OS X that copies the content of a TiddlyWiki to an iPod where it can be read, and links followed, using the touch wheel. Isao has also added the ability to link to songs from the TiddlyWiki text which enables some interesting applications. At the moment, it only works with the older SecondVersion of TiddlyWiki. It can be found at http://www8.ocn.ne.jp/~sonoisa/TiddlyWikiPod/index.html

A row of ToolbarButtons appears to the right of a tiddler title when the mouse is hovered over it. The buttons are:\n* ''close'' - close the current tiddler\n* ''edit'' - edit the current tiddler\n* ''permalink'' - puts a link direct to the current tiddler into the address bar\n* ''references'' - displays all the tiddlers that link to the current tiddler\n* ''done'' - save all changes and create a backup\n* ''cancel'' - cancel changes to a tiddler being edited\n* ''delete'' - delete the current tiddler

Supscribe to the GTDTW RSS newfeed at http://shared.snapgrid.com/feed/gtdtw.xml to be notified of official releases.

Within the main story column you can click on bold links to read a linked tiddler. Click on italic links to create a new tiddler. When you hover the mouse over a tiddler several ToolbarButtons appear. You can edit the text of any tiddler by double-clicking on it (or selecting 'edit' from the toolbar), but your changes won't get saved permanently until you make your own copy of TiddlyWiki, as described in SaveChanges.

Right click and "save as" the following links:\n[[1.0.4|/gtdtw-archive/gtdtw1.0.4.html]]\n[[1.0.3|/gtdtw-archive/gtdtw1.0.3.html]]\n[[1.0.2|/gtdtw-archive/gtdtw1.0.2.html]]\n[[1.0.1|/gtdtw-archive/gtdtw1.0.1.html]]\n[[1.0.0|/gtdtw-archive/gtdtw1.0.0.html]]

Putting TiddlyWiki on a USB thumb drive lets you carry around a SelfContained notebook that you can update wherever there's a reasonably modern computer, whether it's a Mac, Linux or a PC. (To be even more independent you can [[install FireFox on the drive|http://www.mozilla.org/support/firefox/tips#oth_usb]] as well).

A Wiki is a popular way of building collaborative websites. It's based on the ideas of easy editing of pages and the use of special WikiWord notation to automagically create links between pages. See Wikipedia for [[more details|http://en.wikipedia.org/wiki/Wiki]]. TiddlyWiki is different from a conventional Wiki because it is not based on entire pages of content, but rather items of MicroContent that are referred to as 'tiddlers'.

A WikiWord is a word composed of a bunch of other words slammed together with each of their first letters capitalised. WikiWord notation in a conventional WikiWikiWeb is used to name individual pages while TiddlyWiki uses WikiWord titles for smaller chunks of MicroContent. Referring to a page with a WikiWord automatically creates a link to it. Clicking on a link jumps to that page or, if it doesn't exist, to an editor to create it. This ThirdVersion of TiddlyWiki also adds NonWikiWordLinks.

I'm hoping that after using TiddlyWiki for a while a new WritingStyle will emerge that is appropriate for this medium. Jakob Neilsen wrote an article about [[writing styles|http://www.useit.com/alertbox/980906.html]] for MicroContent back in 1998 that still seems surprisingly relevant.

*NN: 表示老版本的Netscape也支持此标签 \n*IE: 表示老版本的Internet Explorer也支持此标签\n*DTD:表示XHTML 1.0 DTD标准支持此标签. S=Strict, T=Transitional, and F=Frameset \n*W3c HTML 4.01 [[规格说明书|http://www.w3.org/TR/REC-html40/]]\n*[[@html 4.01参考]]为根据功能划分的参考，此页为标签参考的完整清单\n\n|标签|说明|NN|IE|DTD|\n||Defines a comment|3.0|3.0|STF|\n|<!DOCTYPE>/|Defines the document type|/|/|STF|\n|<a>|Defines an anchor|3.0|3.0|STF|\n|<abbr>|Defines an abbreviation|6.2|/|STF|\n|<acronym>|Defines an acronym|6.2|4.0|STF|\n|<address>|Defines an address element|4.0|4.0|STF|\n|<applet>|@@color(green):Deprecated.不推荐用法@@ Defines an applet|2.0|3.0|TF|\n|<area>|Defines an area inside an image map|3.0|3.0|STF|\n|<b>|Defines bold text|3.0|3.0|STF|\n|<base>|Defines a base URL for all the links in a page|3.0|3.0|STF|\n|<basefont>|@@color(green):Deprecated.不推荐用法@@ Defines a base font|3.0|3.0|TF|\n|<bdo>|Defines the direction of text display|6.2|5.0|STF|\n|<big>|Defines big text|3.0|3.0|STF|\n|<blockquote>|Defines a long quotation|3.0|3.0|STF|\n|<body>|Defines the body element|3.0|3.0|STF|\n|<br>|Inserts a single line break|3.0|3.0|STF|\n|<button>|Defines a push button|6.2|4.0|STF|\n|<caption>|Defines a table caption|3.0|3.0|STF|\n|<center>|@@color(green):Deprecated.不推荐用法@@ Defines centered text|3.0|3.0|TF|\n|<cite>|Defines a citation|3.0|3.0|STF|\n|<code>|Defines computer code text|3.0|3.0|STF|\n|<col>|Defines attributes for table columns/|/|3.0|STF|\n|<colgroup>|Defines groups of table columns|/|3.0|STF|\n|<dd>|Defines a definition description|3.0|3.0|STF|\n|<del>|Defines deleted text|6.2|4.0|STF|\n|<dir>|@@color(green):Deprecated.不推荐用法@@ Defines a directory list|3.0|3.0|TF|\n|<div>|Defines a section in a document|3.0|3.0|STF|\n|<dfn>|Defines/a definition term|/|3.0|STF|\n|<dl>|Defines a definition list|3.0|3.0|STF|\n|<dt>|Defines a definition term|3.0|3.0|STF|\n|<em>|Defines emphasized text/|3.0|3.0|STF|\n|<fieldset>|Defines a fieldset|6.2|4.0|STF|\n|<font>|@@color(green):Deprecated.不推荐用法@@ Defines text font, size, and color|3.0|3.0|TF|\n|<form>|Defines a form/|3.0|3.0|STF|\n|<frame>| Defines a sub window (a frame)|3.0|3.0|F|\n|<frameset>|Defines a set of frames|3.0|3.0|F|\n|<h1> to <h6>| Defines header 1 to header 6|3.0|3.0|STF|\n|<head>|Defines information about the document|3.0|3.0|STF|\n|<hr>| Defines a horizontal rule|3.0|3.0|STF|\n|<html>|Defines an html document|3.0|3.0|STF|\n|<i>|Defines italic text|3.0|3.0|STF|\n|<iframe>|Defines an inline sub window (frame)|6.0|4.0|TF|\n|<img>|Defines an image|3.0|3.0|STF|\n|<input>|Defines an input field|3.0|3.0|STF|\n|<ins>|Defines inserted text|6.2|4.0|STF|\n|<isindex>|@@color(green):Deprecated.不推荐用法@@ Defines a single-line input field|3.0|3.0|TF|\n|<kbd>|Defines keyboard text|3.0|3.0|STF|\n|<label>|Defines a label/for a form control|6.2|4.0|STF|\n|<legend>|Defines a title in a fieldset|6.2|4.0|STF|\n|<li>|Defines a list item|3.0|3.0|STF|\n|<link>|Defines a resource reference |4.0|3.0|STF|\n|<map>|Defines an image map/|3.0|3.0|STF|\n|<menu>|@@color(green):Deprecated.不推荐用法@@ Defines a menu list|3.0|3.0|TF|\n|<meta>|Defines meta information|3.0|3.0|STF|\n|<noframes>|Defines a noframe section|3.0|3.0|TF|\n|<noscript>|Defines a noscript section|3.0|3.0|STF|\n|<object>|Defines an embedded object|/|3.0|STF|\n|<ol>|Defines an ordered list|3.0|3.0|STF|\n|<optgroup>|Defines an option group|6.0|6.0|STF|\n|<option>|Defines an option in a drop-down list|3.0|3.0|STF|\n|<p>|Defines a paragraph|3.0|3.0|STF|\n|<param>|Defines a parameter for an object|3.0|3.0|STF|\n|<pre>|Defines preformatted text|3.0|3.0|STF|\n|<q>|Defines a short quotation|6.2|/|STF|\n|<s>|@@color(green):Deprecated.不推荐用法@@ Defines strikethrough text|3.0|3.0|TF|\n|<samp>|Defines sample computer code|3.0|3.0|STF|\n|<script>|Defines a script|3.0|3.0|STF|\n|<select>|Defines a selectable list|3.0|3.0|STF|\n|<small>|Defines small text|3.0|3.0|STF|\n|<span>|Defines a section in a document|4.0|3.0|STF|\n|<strike>|@@color(green):Deprecated.不推荐用法@@ Defines strikethrough text|3.0|3.0|TF|\n|<strong>|Defines strong text|3.0|3.0|STF|\n|<style>|Defines a style definition|4.0|3.0|STF|\n|<sub>|Defines subscripted text|3.0|3.0|STF|\n|<sup>|Defines superscripted text|3.0|3.0|STF|\n|<table>|Defines a table|3.0|3.0|STF|\n|<tbody>|Defines a table body|/|4.0|STF|\n|<td>|Defines a table cell|3.0|3.0|STF|\n|<textarea>|Defines a text area|3.0|3.0|STF|\n|<tfoot>|Defines a table footer|/|4.0|STF|\n|<th>|Defines a table header|3.0|3.0|STF|\n|<thead>|Defines a table header|/|4.0|STF|\n|<title>|Defines the document title|3.0|3.0|STF|\n|<tr>|Defines a table row|3.0|3.0|STF|\n|<tt>|Defines teletype text|3.0|3.0|STF|\n|<u>|@@color(green):Deprecated.不推荐用法@@ Defines underlined text|3.0|3.0|TF|\n|<ul>|Defines an unordered list|3.0|3.0|STF|\n|<var>|Defines a variable|3.0|3.0|STF|\n|<xmp>|@@color(green):Deprecated.不推荐用法@@ Defines preformatted text|3.0|3.0|/|

[[关于本手册]]

w3c 参考手册

揭开正则表达式的神秘面纱\n\n[原创文章，转载请保留或注明出处：http://www.regexlab.com/zh/regref.htm]\n\n引言\n\n 正则表达式（regular expression）描述了一种字符串匹配的模式，可以用来：（1）检查一个串中是否含有符合某个规则的子串，并且可以得到这个子串；（2）根据匹配规则对字符串进行灵活的替换操作。\n\n 正则表达式学习起来其实是很简单的，不多的几个较为抽象的概念也很容易理解。之所以很多人感觉正则表达式比较复杂，一方面是因为大多数的文档没有做到由浅入深地讲解，概念上没有注意先后顺序，给读者的理解带来困难；另一方面，各种引擎自带的文档一般都要介绍它特有的功能，然而这部分特有的功能并不是我们首先要理解的。\n\n 文章中的每一个举例，都可以点击进入到测试页面进行测试。闲话少说，开始。\n\n1. 正则表达式规则\n\n1.1 普通字符\n\n 字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。\n\n 举例1：表达式 "c"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："c"；匹配到的位置是：开始于2，结束于3。（注：下标从0开始还是从1开始，因当前编程语言的不同而可能不同）\n\n 举例2：表达式 "bcd"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："bcd"；匹配到的位置是：开始于1，结束于4。\n\n1.2 简单的转义字符\n\n 一些不便书写的字符，采用在前面加 "\s" 的方法。这些字符其实我们都已经熟知了。\n\n表达式\n \n\n可匹配\n\n\sr, \sn\n \n\n代表回车和换行符\n\n\st\n \n\n制表符\n\n\s\s\n \n\n代表 "\s" 本身\n\n 还有其他一些在后边章节中有特殊用处的标点符号，在前面加 "\s" 后，就代表该符号本身。比如：^, $ 都有特殊意义，如果要想匹配字符串中 "^" 和 "$" 字符，则表达式就需要写成 "\s^" 和 "\s$"。\n\n表达式\n \n\n可匹配\n\n\s^\n \n\n匹配 ^ 符号本身\n\n\s$\n \n\n匹配 $ 符号本身\n\n\s.\n \n\n匹配小数点（.）本身\n\n 这些转义字符的匹配方法与 "普通字符" 是类似的。也是匹配与之相同的一个字符。\n\n 举例1：表达式 "\s$d"，在匹配字符串 "abc$de" 时，匹配结果是：成功；匹配到的内容是："$d"；匹配到的位置是：开始于3，结束于5。\n\n1.3 能够与 '多种字符' 匹配的表达式\n\n 正则表达式中的一些表示方法，可以匹配 '多种字符' 其中的任意一个字符。比如，表达式 "\sd" 可以匹配任意一个数字。虽然可以匹配其中任意字符，但是只能是一个，不是多个。这就好比玩扑克牌时候，大小王可以代替任意一张牌，但是只能代替一张牌。\n\n表达式\n \n\n可匹配\n\n\sd\n \n\n任意一个数字，0~9 中的任意一个\n\n\sw\n \n\n任意一个字母或数字或下划线，也就是 A~Z,a~z,0~9,_ 中任意一个\n\n\ss\n \n\n包括空格、制表符、换页符等空白字符的其中任意一个\n\n.\n \n\n小数点可以匹配除了换行符（\sn）以外的任意一个字符\n\n 举例1：表达式 "\sd\sd"，在匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："12"；匹配到的位置是：开始于3，结束于5。\n\n 举例2：表达式 "a.\sd"，在匹配 "aaa100" 时，匹配的结果是：成功；匹配到的内容是："aa1"；匹配到的位置是：开始于1，结束于4。\n\n1.4 自定义能够匹配 '多种字符' 的表达式\n\n 使用方括号 [ ] 包含一系列字符，能够匹配其中任意一个字符。用 [^ ] 包含一系列字符，则能够匹配其中字符之外的任意一个字符。同样的道理，虽然可以匹配其中任意一个，但是只能是一个，不是多个。\n\n表达式\n \n\n可匹配\n\n[ab5@]\n \n\n匹配 "a" 或 "b" 或 "5" 或 "@"\n\n[^abc]\n \n\n匹配 "a","b","c" 之外的任意一个字符\n\n[f-k]\n \n\n匹配 "f"~"k" 之间的任意一个字母\n\n[^A-F0-3]\n \n\n匹配 "A"~"F","0"~"3" 之外的任意一个字符\n\n 举例1：表达式 "[bcd][bcd]" 匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："bc"；匹配到的位置是：开始于1，结束于3。\n\n 举例2：表达式 "[^abc]" 匹配 "abc123" 时，匹配的结果是：成功；匹配到的内容是："1"；匹配到的位置是：开始于3，结束于4。\n\n1.5 修饰匹配次数的特殊符号\n\n 前面章节中讲到的表达式，无论是只能匹配一种字符的表达式，还是可以匹配多种字符其中任意一个的表达式，都只能匹配一次。如果使用表达式再加上修饰匹配次数的特殊符号，那么不用重复书写表达式就可以重复匹配。\n\n 使用方法是："次数修饰"放在"被修饰的表达式"后边。比如："[bcd][bcd]" 可以写成 "[bcd]{2}"。\n\n表达式\n \n\n作用\n\n{n}\n \n\n表达式重复n次，比如："\sw{2}" 相当于 "\sw\sw"；"a{5}" 相当于 "aaaaa"\n\n{m,n}\n \n\n表达式至少重复m次，最多重复n次，比如："ba{1,3}"可以匹配 "ba"或"baa"或"baaa"\n\n{m,}\n \n\n表达式至少重复m次，比如："\sw\sd{2,}"可以匹配 "a12","_456","M12344"...\n\n?\n \n\n匹配表达式0次或者1次，相当于 {0,1}，比如："a[cd]?"可以匹配 "a","ac","ad"\n\n+\n \n\n表达式至少出现1次，相当于 {1,}，比如："a+b"可以匹配 "ab","aab","aaab"...\n\n*\n \n\n表达式不出现或出现任意次，相当于 {0,}，比如："\s^*b"可以匹配 "b","^^^b"...\n\n 举例1：表达式 "\sd+\s.?\sd*" 在匹配 "It costs $12.5" 时，匹配的结果是：成功；匹配到的内容是："12.5"；匹配到的位置是：开始于10，结束于14。\n\n 举例2：表达式 "go{2,8}gle" 在匹配 "Ads by goooooogle" 时，匹配的结果是：成功；匹配到的内容是："goooooogle"；匹配到的位置是：开始于7，结束于17。\n\n1.6 其他一些代表抽象意义的特殊符号\n\n 一些符号在表达式中代表抽象的特殊意义：\n\n表达式\n \n\n作用\n\n^\n \n\n与字符串开始的地方匹配，不匹配任何字符\n\n$\n \n\n与字符串结束的地方匹配，不匹配任何字符\n\n\sb\n \n\n匹配一个单词边界，也就是单词和空格之间的位置，不匹配任何字符\n\n 进一步的文字说明仍然比较抽象，因此，举例帮助大家理解。\n\n 举例1：表达式 "^aaa" 在匹配 "xxx aaa xxx" 时，匹配结果是：失败。因为 "^" 要求与字符串开始的地方匹配，因此，只有当 "aaa" 位于字符串的开头的时候，"^aaa" 才能匹配，比如："aaa xxx xxx"。\n\n 举例2：表达式 "aaa$" 在匹配 "xxx aaa xxx" 时，匹配结果是：失败。因为 "$" 要求与字符串结束的地方匹配，因此，只有当 "aaa" 位于字符串的结尾的时候，"aaa$" 才能匹配，比如："xxx xxx aaa"。\n\n 举例3：表达式 ".\sb." 在匹配 "@@@abc" 时，匹配结果是：成功；匹配到的内容是："@a"；匹配到的位置是：开始于2，结束于4。\n 进一步说明："\sb" 与 "^" 和 "$" 类似，本身不匹配任何字符，但是它要求它在匹配结果中所处位置的左右两边，其中一边是 "\sw" 范围，另一边是非"\sw" 的范围。\n\n 举例4：表达式 "\sbend\sb" 在匹配 "weekend,endfor,end" 时，匹配结果是：成功；匹配到的内容是："end"；匹配到的位置是：开始于15，结束于18。\n\n 一些符号可以影响表达式内部的子表达式之间的关系：\n\n表达式\n \n\n作用\n\n|\n \n\n左右两边表达式之间 "或" 关系，匹配左边或者右边\n\n( )\n \n\n(1). 在被修饰匹配次数的时候，括号中的表达式可以作为整体被修饰\n(2). 取匹配结果的时候，括号中的表达式匹配到的内容可以被单独得到\n\n 举例5：表达式 "Tom|Jack" 在匹配字符串 "I'm Tom, he is Jack" 时，匹配结果是：成功；匹配到的内容是："Tom"；匹配到的位置是：开始于4，结束于7。匹配下一个时，匹配结果是：成功；匹配到的内容是："Jack"；匹配到的位置时：开始于15，结束于19。\n\n 举例6：表达式 "(go\ss*)+" 在匹配 "Let's go go go!" 时，匹配结果是：成功；匹配到内容是："go go go"；匹配到的位置是：开始于6，结束于14。\n\n 举例7：表达式 "￥(\sd+\s.?\sd*)" 在匹配 "＄10.9,￥20.5" 时，匹配的结果是：成功；匹配到的内容是："￥20.5"；匹配到的位置是：开始于6，结束于10。单独获取括号范围匹配到的内容是："20.5"。\n\n2. 正则表达式中的一些高级规则\n\n2.1 匹配次数中的贪婪与非贪婪\n\n 在使用修饰匹配次数的特殊符号时，有几种表示方法可以使同一个表达式能够匹配不同的次数，比如："{m,n}", "{m,}", "?", "*", "+"，具体匹配的次数随被匹配的字符串而定。这种重复匹配不定次数的表达式在匹配过程中，总是尽可能多的匹配。比如，针对文本 "dxxxdxxxd"，举例如下：\n\n表达式\n \n\n匹配结果\n\n(d)(\sw+)\n \n\n"\sw+" 将匹配第一个 "d" 之后的所有字符 "xxxdxxxd"\n\n(d)(\sw+)(d)\n \n\n"\sw+" 将匹配第一个 "d" 和最后一个 "d" 之间的所有字符 "xxxdxxx"。虽然 "\sw+" 也能够匹配上最后一个 "d"，但是为了使整个表达式匹配成功，"\sw+" 可以 "让出" 它本来能够匹配的最后一个 "d"\n\n 由此可见，"\sw+" 在匹配的时候，总是尽可能多的匹配符合它规则的字符。虽然第二个举例中，它没有匹配最后一个 "d"，但那也是为了让整个表达式能够匹配成功。同理，带 "*" 和 "{m,n}" 的表达式都是尽可能地多匹配，带 "?" 的表达式在可匹配可不匹配的时候，也是尽可能的 "要匹配"。这种匹配原则就叫作 "贪婪" 模式。\n\n 非贪婪模式：\n\n 在修饰匹配次数的特殊符号后再加上一个 "?" 号，则可以使匹配次数不定的表达式尽可能少的匹配，使可匹配可不匹配的表达式，尽可能的 "不匹配"。这种匹配原则叫作 "非贪婪" 模式，也叫作 "勉强" 模式。如果少匹配就会导致整个表达式匹配失败的时候，与贪婪模式类似，非贪婪模式会最小限度的再匹配一些，以使整个表达式匹配成功。举例如下，针对文本 "dxxxdxxxd" 举例：\n\n表达式\n \n\n匹配结果\n\n(d)(\sw+?)\n \n\n"\sw+?" 将尽可能少的匹配第一个 "d" 之后的字符，结果是："\sw+?" 只匹配了一个 "x"\n\n(d)(\sw+?)(d)\n \n\n为了让整个表达式匹配成功，"\sw+?" 不得不匹配 "xxx" 才可以让后边的 "d" 匹配，从而使整个表达式匹配成功。因此，结果是："\sw+?" 匹配 "xxx"\n\n 更多的情况，举例如下：\n\n 举例1：表达式 "<td>(.*)</td>" 与字符串 "<td><p>aa</p></td> <td><p>bb</p></td>" 匹配时，匹配的结果是：成功；匹配到的内容是 "<td><p>aa</p></td> <td><p>bb</p></td>" 整个字符串，表达式中的 "</td>" 将与字符串中最后一个 "</td>" 匹配。\n\n 举例2：相比之下，表达式 "<td>(.*?)</td>" 匹配举例1中同样的字符串时，将只得到 "<td><p>aa</p></td>"，再次匹配下一个时，可以得到第二个 "<td><p>bb</p></td>"。\n\n2.2 反向引用 \s1, \s2...\n\n 表达式在匹配时，表达式引擎会将小括号 "( )" 包含的表达式所匹配到的字符串记录下来。在获取匹配结果的时候，小括号包含的表达式所匹配到的字符串可以单独获取。这一点，在前面的举例中，已经多次展示了。在实际应用场合中，当用某种边界来查找，而所要获取的内容又不包含边界时，必须使用小括号来指定所要的范围。比如前面的 "<td>(.*?)</td>"。\n\n 其实，"小括号包含的表达式所匹配到的字符串" 不仅是在匹配结束后才可以使用，在匹配过程中也可以使用。表达式后边的部分，可以引用前面 "括号内的子匹配已经匹配到的字符串"。引用方法是 "\s" 加上一个数字。"\s1" 引用第1对括号内匹配到的字符串，"\s2" 引用第2对括号内匹配到的字符串……以此类推，如果一对括号内包含另一对括号，则外层的括号先排序号。换句话说，哪一对的左括号 "(" 在前，那这一对就先排序号。\n\n 举例如下：\n\n 举例1：表达式 "('|")(.*?)(\s1)" 在匹配 " 'Hello', "World" " 时，匹配结果是：成功；匹配到的内容是：" 'Hello' "。再次匹配下一个时，可以匹配到 " "World" "。\n\n 举例2：表达式 "(\sw)\s1{4,}" 在匹配 "aa bbbb abcdefg ccccc 111121111 999999999" 时，匹配结果是：成功；匹配到的内容是 "ccccc"。再次匹配下一个时，将得到 999999999。这个表达式要求 "\sw" 范围的字符至少重复5次，注意与 "\sw{5,}" 之间的区别。\n\n 举例3：表达式 "<(\sw+)\ss*(\sw+(=('|").*?\s4)?\ss*)*>.*?</\s1>" 在匹配 "<td id='td1' style="bgcolor:white"></td>" 时，匹配结果是成功。如果 "<td>" 与 "</td>" 不配对，则会匹配失败；如果改成其他配对，也可以匹配成功。\n\n2.3 预搜索，不匹配；反向预搜索，不匹配\n\n 前面的章节中，我讲到了几个代表抽象意义的特殊符号："^"，"$"，"\sb"。它们都有一个共同点，那就是：它们本身不匹配任何字符，只是对 "字符串的两头" 或者 "字符之间的缝隙" 附加了一个条件。理解到这个概念以后，本节将继续介绍另外一种对 "两头" 或者 "缝隙" 附加条件的，更加灵活的表示方法。\n\n 正向预搜索："(?=xxxxx)"，"(?!xxxxx)"\n\n 格式："(?=xxxxx)"，在被匹配的字符串中，它对所处的 "缝隙" 或者 "两头" 附加的条件是：所在缝隙的右侧，必须能够匹配上 xxxxx 这部分的表达式。因为它只是在此作为这个缝隙上附加的条件，所以它并不影响后边的表达式去真正匹配这个缝隙之后的字符。这就类似 "\sb"，本身不匹配任何字符。"\sb" 只是将所在缝隙之前、之后的字符取来进行了一下判断，不会影响后边的表达式来真正的匹配。\n\n 举例1：表达式 "Windows (?=NT|XP)" 在匹配 "Windows 98, Windows NT, Windows 2000" 时，将只匹配 "Windows NT" 中的 "Windows "，其他的 "Windows " 字样则不被匹配。\n\n 举例2：表达式 "(\sw)((?=\s1\s1\s1)(\s1))+" 在匹配字符串 "aaa ffffff 999999999" 时，将可以匹配6个"f"的前4个，可以匹配9个"9"的前7个。这个表达式可以读解成：重复4次以上的字母数字，则匹配其剩下最后2位之前的部分。当然，这个表达式可以不这样写，在此的目的是作为演示之用。\n\n 格式："(?!xxxxx)"，所在缝隙的右侧，必须不能匹配 xxxxx 这部分表达式。\n\n 举例3：表达式 "((?!\sbstop\sb).)+" 在匹配 "fdjka ljfdl stop fjdsla fdj" 时，将从头一直匹配到 "stop" 之前的位置，如果字符串中没有 "stop"，则匹配整个字符串。\n\n 举例4：表达式 "do(?!\sw)" 在匹配字符串 "done, do, dog" 时，只能匹配 "do"。在本条举例中，"do" 后边使用 "(?!\sw)" 和使用 "\sb" 效果是一样的。\n\n 反向预搜索："(?<=xxxxx)"，"(?<!xxxxx)"\n\n 这两种格式的概念和正向预搜索是类似的，反向预搜索要求的条件是：所在缝隙的 "左侧"，两种格式分别要求必须能够匹配和必须不能够匹配指定表达式，而不是去判断右侧。与 "正向预搜索" 一样的是：它们都是对所在缝隙的一种附加条件，本身都不匹配任何字符。\n\n 举例5：表达式 "(?<=\sd{4})\sd+(?=\sd{4})" 在匹配 "1234567890123456" 时，将匹配除了前4个数字和后4个数字之外的中间8个数字。由于 JScript.RegExp 不支持反向预搜索，因此，本条举例不能够进行演示。很多其他的引擎可以支持反向预搜索，比如：Java 1.4 以上的 java.util.regex 包，.NET 中System.Text.RegularExpressions 命名空间，boost::regex 以及 GRETA 正则表达式库等。\n\n3. 其他通用规则\n\n 还有一些在各个正则表达式引擎之间比较通用的规则，在前面的讲解过程中没有提到。\n\n3.1 表达式中，可以使用 "\sxXX" 和 "\suXXXX" 表示一个字符（"X" 表示一个十六进制数）\n\n形式\n \n\n字符范围\n\n\sxXX\n \n\n编号在 0 ~ 255 范围的字符，比如：空格可以使用 "\sx20" 表示\n\n\suXXXX\n \n\n任何字符可以使用 "\su" 再加上其编号的4位十六进制数表示，比如："\su4E2D"\n\n3.2 在表达式 "\ss"，"\sd"，"\sw"，"\sb" 表示特殊意义的同时，对应的大写字母表示相反的意义\n\n表达式\n \n\n可匹配\n\n\sS\n \n\n匹配所有非空白字符（"\ss" 可匹配各个空白字符）\n\n\sD\n \n\n匹配所有的非数字字符\n\n\sW\n \n\n匹配所有的字母、数字、下划线以外的字符\n\n\sB\n \n\n匹配非单词边界，即左右两边都是 "\sw" 范围或者左右两边都不是 "\sw" 范围时的字符缝隙\n\n3.3 在表达式中有特殊意义，需要添加 "\s" 才能匹配该字符本身的字符汇总\n\n字符\n \n\n说明\n\n^\n \n\n匹配输入字符串的开始位置。要匹配 "^" 字符本身，请使用 "\s^"\n\n$\n \n\n匹配输入字符串的结尾位置。要匹配 "$" 字符本身，请使用 "\s$"\n\n( )\n \n\n标记一个子表达式的开始和结束位置。要匹配小括号，请使用 "\s(" 和 "\s)"\n\n[ ]\n \n\n用来自定义能够匹配 '多种字符' 的表达式。要匹配中括号，请使用 "\s[" 和 "\s]"\n\n{ }\n \n\n修饰匹配次数的符号。要匹配大括号，请使用 "\s{" 和 "\s}"\n\n.\n \n\n匹配除了换行符（\sn）以外的任意一个字符。要匹配小数点本身，请使用 "\s."\n\n?\n \n\n修饰匹配次数为 0 次或 1 次。要匹配 "?" 字符本身，请使用 "\s?"\n\n+\n \n\n修饰匹配次数为至少 1 次。要匹配 "+" 字符本身，请使用 "\s+"\n\n*\n \n\n修饰匹配次数为 0 次或任意次。要匹配 "*" 字符本身，请使用 "\s*"\n\n|\n \n\n左右两边表达式之间 "或" 关系。匹配 "|" 本身，请使用 "\s|"\n\n3.4 括号 "( )" 内的子表达式，如果希望匹配结果不进行记录供以后使用，可以使用 "(?:xxxxx)" 格式\n\n 举例1：表达式 "(?:(\sw)\s1)+" 匹配 "a bbccdd efg" 时，结果是 "bbccdd"。括号 "(?:)" 范围的匹配结果不进行记录，因此 "(\sw)" 使用 "\s1" 来引用。\n\n3.5 常用的表达式属性设置简介：Ignorecase，Singleline，Multiline，Global\n\n表达式属性\n \n\n说明\n\nIgnorecase\n \n\n默认情况下，表达式中的字母是要区分大小写的。配置为 Ignorecase 可使匹配时不区分大小写。有的表达式引擎，把 "大小写" 概念延伸至 UNICODE 范围的大小写。\n\nSingleline\n \n\n默认情况下，小数点 "." 匹配除了换行符（\sn）以外的字符。配置为 Singleline 可使小数点可匹配包括换行符在内的所有字符。\n\nMultiline\n \n\n默认情况下，表达式 "^" 和 "$" 只匹配字符串的开始 ① 和结尾 ④ 位置。如：\n\n①xxxxxxxxx②\sn\n③xxxxxxxxx④\n\n配置为 Multiline 可以使 "^" 还可以匹配换行符之后，下一行开始前 ③ 的位置，使 "$" 还可以匹配换行符之前，一行结束 ② 的位置。\n\nGlobal\n \n\n主要在将表达式用来替换时起作用，配置为 Global 表示替换所有的匹配。\n\n4. 综合提示\n\n4.1 如果要要求表达式所匹配的内容是整个字符串，而不是从字符串中找一部分，那么可以在表达式的首尾使用 "^" 和 "$"，比如："^\sd+$" 要求整个字符串只有数字。\n\n4.2 如果要求匹配的内容是一个完整的单词，而不会是单词的一部分，那么在表达式首尾使用 "\sb"，比如：使用 "\sb(if|while|else|void|int……)\sb" 来匹配程序中的关键字。\n\n4.3 表达式不要匹配空字符串。否则会一直得到匹配成功，而结果什么都没有匹配到。比如：准备写一个匹配 "123"、"123."、"123.5"、".5" 这几种形式的表达式时，整数、小数点、小数数字都可以省略，但是不要将表达式写成："\sd*\s.?\sd*"，因为如果什么都没有，这个表达式也可以匹配成功。更好的写法是："\sd+\s.?\sd*|\s.\sd+"。\n\n4.4 能匹配空字符串的子匹配不要循环无限次。如果括号内的子表达式中的每一部分都可以匹配 0 次，而这个括号整体又可以匹配无限次，那么情况可能比上一条所说的更严重，匹配过程中可能死循环。虽然现在有些正则表达式引擎已经通过办法避免了这种情况出现死循环了，比如 .NET 的正则表达式，但是我们仍然应该尽量避免出现这种情况。如果我们在写表达式时遇到了死循环，也可以从这一点入手，查找一下是否是本条所说的原因。\n\n4.5 合理选择贪婪模式与非贪婪模式。\n\n4.6 或 "|" 的左右两边，对某个字符最好只有一边可以匹配，这样，不会因为 "|" 两边的表达式因为交换位置而有所不同。\n\n部分正则表达式引擎的介绍，将正则表达式用于替换，以及更多的实战演习，欢迎继续关注后续的文章。