Textile

Phrase Modifiers

Strong importance

Strong importance can be given to the text by surrounding it with asterisks. The strong text is commonly styled as bold.

Textile

Don't *ever* pull this lever.

Browser

Don’t ever pull this lever.

HTML

<p>Don&#8217;t <strong>ever</strong> pull this lever.</p>

Stress emphasis

To add emphasis to a stressed word or phrase, surround it with underscores. Emphasized text is typically styled as italics.

Textile

You didn't actually _believe_ it, did you?

Browser

You didn’t actually believe it, did you?

HTML

<p>You didn&#8217;t actually <em>believe</em> it, did you?</p>

Stylistic offset

To stylistically differentiate a word or phrase from the surrounding text without conveying any extra importance, place two asterisks on either side. Uses are key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is boldened.

Textile

Search results for **Textile**:

h4. ["**Textile** (markup language) - Wikipedia":http://en.wikipedia.org/wiki/Textile_(markup_language)]

**Textile** is a lightweight markup language originally developed by Dean Allen and billed as a "humane Web text generator".  **Textile** converts its marked-up text ...

Browser

Search results for Textile:

Textile (markup language) – Wikipedia

Textile is a lightweight markup language originally developed by Dean Allen and billed as a “humane Web text generator”. Textile converts its marked-up text …

HTML

<p>Search results for <b>Textile</b>:</p>
<h4>
  <a href="http://en.wikipedia.org/wiki/Textile_(markup_language)"
    ><b>Textile</b> (markup language) &#8211; Wikipedia</a
  >
</h4>
<p>
  <b>Textile</b> is a lightweight markup language originally developed by Dean
  Allen and billed as a &#8220;humane Web text generator&#8221;.
  <b>Textile</b> converts its marked-up text &#8230;
</p>

Alternate voice

Double underscores surround a span of text in an alternate mood or voice, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized.

Textile

I just got the weirdest feeling of __déjà vu__.

Browser

I just got the weirdest feeling of déjà vu.

HTML

<p>I just got the weirdest feeling of <i>déjà vu</i>.</p>

Citation

Cite the title of a work (e.g. a book, paper, essay, poem, score, song, script, film, TV show, game, sculpture, painting, theater production, play, opera, musical, exhibition, or anything other work whose title is italicized in traditional style guides) by surrounding it with two question marks on either side. This can be a work that is being quoted or referenced in detail (i.e. a citation), or it can just be a work that is mentioned in passing.

Textile

My wife's favorite book is ??The Count of Monte Cristo?? by Dumas.

Browser

My wife’s favorite book is The Count of Monte Cristo by Dumas.

HTML

<p>
  My wife&#8217;s favorite book is <cite>The Count of Monte Cristo</cite> by
  Dumas.
</p>

Insertions and deletions

To indicate a passage which has been deleted, surround it with minuses. To indicate an insertion, use pluses.

Textile

The news networks declared -Al Gore- +George W. Bush+ the winner in Florida.

Browser

The news networks declared Al Gore George W. Bush the winner in Florida.

HTML

<p>
  The news networks declared <del>Al Gore</del> <ins>George W. Bush</ins> the
  winner in Florida.
</p>

If your insertion or deletion isn’t being recognized or is being confused with another modifier, you can make it more explicit by surrounding it with square brackets.

Textile

[-this was deleted-][+this was added+] to the paragraph

Browser

this was deletedthis was added to the paragraph

HTML

<p><del>this was deleted</del><ins>this was added</ins> to the paragraph</p>

Superscript and subscript

Superscript and subscript phrases are surrounded with caret and tilde characters, respectively.

Textile

f(x, n) = log ~4~ x ^n^

Browser

f(x, n) = log 4 x n

HTML

<p>f(x, n) = log <sub>4</sub> x <sup>n</sup></p>

If you want it without spaces around the super- and subscripted text, use square brackets.

Textile

f(x, n) = log[~4~]x[^n^]

Browser

f(x, n) = log4xn

HTML

<p>f(x, n) = log<sub>4</sub>x<sup>n</sup></p>

Links have the text of the link in quotes, followed by a colon and the URL.

Textile

Learn more "about the company":/about and our "board of directors":../about#board.

Browser

Learn more about the company and our board of directors.

HTML

<p>
  Learn more <a href="/about">about the company</a> and our
  <a href="../about#board">board of directors</a>.
</p>

A title may be placed in parentheses at the end of the link text. Link titles help users predict where they are going. Jakob Nielsen recommends you use them sparingly and not assume the user will see them at all.

Textile

Visit our "parent company (Example Corporation)":http://example.com.

Browser

Visit our parent company.

HTML

<p>
  Visit our
  <a href="http://example.com" title="Example Corporation">parent company</a>.
</p>

When the link isn’t surrounded by spaces or punctuation, or when the URL ending may be ambiguous, surround the link with square brackets.

Textile

This is a link to a ["Wikipedia article about Textile":http://en.wikipedia.org/wiki/Textile_(markup_language)].

Browser

This is a link to a Wikipedia article about Textile.

HTML

<p>
  This is a link to a
  <a href="http://en.wikipedia.org/wiki/Textile_(markup_language)"
    >Wikipedia article about Textile</a
  >.
</p>

If you link to a URL repeatedly, you can replace the URL with a link alias defined elsewhere in the Textile document.

Textile

I'm really excited about "RedCloth":redcloth.  I love it so much, I think I'll name my first child "RedCloth":redcloth.

[redcloth]http://redcloth.org

Browser

I’m really excited about RedCloth. I love it so much, I think I’ll name my first child RedCloth.

HTML

<p>
  I&#8217;m really excited about <a href="http://redcloth.org">RedCloth</a>. I
  love it so much, I think I&#8217;ll name my first child
  <a href="http://redcloth.org">RedCloth</a>.
</p>

Link attributes can be specified at the beginning of the link text followed by a period and space.

Textile

"(my-class). This is a link with class":http://redcloth.org

Browser

This is a link with class

HTML

<p>
  <a href="http://redcloth.org" class="my-class">This is a link with class</a>
</p>

Images

Include an image by surrounding its URL with exclamation marks. Alt text can be provided in parentheses.

Textile

!http://www.w3.org/Icons/valid-html401(This page is valid HTML)!

Browser

This page is valid HTML

HTML

<p>
  <img
    src="http://www.w3.org/Icons/valid-html401"
    title="This page is valid HTML"
    alt="This page is valid HTML"
  />
</p>

Images can be linked by putting a colon and the link URL after the image.

Textile

!http://www.w3.org/Icons/valid-html401!:http://validator.w3.org/check?uri=referer

Browser

HTML

<p>
  <a href="http://validator.w3.org/check?uri=referer"
    ><img src="http://www.w3.org/Icons/valid-html401" alt=""
  /></a>
</p>

We'd love to keep in touch!

Opt in for occasional updates from us. Privacy Policy