A few different kinds of formatting will tell the wiki to display things as you typed them – what you see is what you get!

In order for the software to interpret wiki markup, its parser first scans the page. When it sees its nowiki tags

<nowiki>...</nowiki> (escapes all contained wiki markup), and
<nowiki /> (escapes the interpretations it is designed to "break"),

it escapes its wikicode, so editors can document its markup using its markup.

Article editors can normalize the font of characters trailing [[...]]outside a wikilink, which would otherwise adhere to the wikilink font. They can also add line-spacing in the wikitext. Template editors: tag <nowiki> works only on its source page, not the target; also {{#tag:nowiki | content}}, although it wraps that content in nowiki tags, it also does a pre-save transform on that content, which is entirely at odds with the intended purpose of nowiki for templates, subst, signatures, and the pipe-trick.

The two kinds of nowiki operate in different ways to target content, but they both remove meaning (subtract rendering) of wiki markup, then disappear into the background font. Nowiki does nothing toward rendering, but it can add newlines to wikitext (for readability), just like the HTML comment (the preferred method) can. Unlike it does for wiki markup, nowiki does not remove the meaning of character entities, either HTML or MediaWiki special characters.

There is only one meaning for what <nowiki>...</nowiki> contains, so it needs few examples; but the singular <nowiki /> tag "contains" many linkage structures, where it is expected between bracketing-pair characters or in the keyword area. So this section has many examples and few mis-examples.

For example, only at the beginning of a line (bol of wikitext, bol in a transclusion, or beginning of a table cell), do *, #, ; or : mean something.

MarkupRenders as
# Ordered list
<nowiki /># Ordered list
A [[micro-]]second.
A [[micro-]]<nowiki />second.
a<nowiki>

b</nowiki>
'<nowiki />'Italics' markup'<nowiki />'
<nowiki>[[Example]]</nowiki>
<nowiki><!-- revealed --></nowiki>

The rest of the section consists of simple, live examples showing how a single nowiki tag escapes entire linkage structures, beyond [[ wikilink ]] and {{ template }}:

[[ fullpagename | label ]]
{{ pagename | parameter }}
[[ fullpagename | {{ pagename }} ]]
{{ pagename | [[ fullpagename ]] }}
{{ pagename | {{ pagename }} }}

Unless you use the two "balanced" nowiki tags, troubleshooting strip marker errors and template parameter-handling inconsistencies is a risk. Also, a rendering error may arise when two [[...]] square brackets are on the same line, or two {{...}} curly brackets are in the same section, but only when the two have the nowiki markup placed inconsistently.

(These are all live examples.)

[[ wp:pagename | page name ]]
[<nowiki />[ wp:pagename | page name ]]
[[<nowiki /> wp:pagename | page name ]]
[[ wp:pagename <nowiki />| page name ]]
[[ wp:pagename | page name ]<nowiki />]

page name
[[ wp:pagename | page name ]]
[[ wp:pagename | page name ]]
[[ wp:pagename | page name ]]
[[ wp:pagename | page name ]]

For nested structures, escaping an inner structure escapes its outer structure too.

[[ wp: {{ 1x | pagename }} ]]
[[ wp: {<nowiki />{ 1x | pagename }} ]]
[[ wp: {{<nowiki /> 1x | pagename }} ]]
[[ wp: {{ 1x <nowiki />| pagename }} ]]

wp: pagename
[[ wp: {{ 1x | pagename }} ]]
[[ wp: {{ 1x | pagename }} ]]
[[ wp: {{ 1x | pagename }} ]]

For two, first pipes, two nowiki tags are required:

[[ wp: pagename | {{ 1x | label }} ]]
[[ wp: pagename <nowiki />| {{ 1x <nowiki />| label }} ]]
<nowiki>[[ wp: pagename | {{ 1x | label }} ]] </nowiki>

label
[[ wp: pagename | {{ 1x | label }} ]]
[[ wp: pagename | {{ 1x | label }} ]]

For templates, put nowiki before the first pipe. If a parameter has a wikilink, put it in that, an inmost position.

{<nowiki />{ val | u=&gt; [[ms]] | 49082 }}
{{<nowiki /> val | u=&gt; [[ms]] | 49082 }}
{{ val <nowiki />| u=&gt; [[ms]] | 49082 }}
{{ val | u= > [[ms]] | 49082 }<nowiki />}
{{ val | u= > [[ ms ]<nowiki />] | 49082 }} 

{{ val | u=> ms | 49082 }}
{{ val | u= > ms | 49082 }}
{{ val | u=> ms | 49082 }}
{{ val | u=> ms | 49082 }}
{{ val | u= > [[ ms ]] | 49082 }} Green tickY

For input parameters, {{{1}}}, {{{2}}}, just write them out, unless they have a default (which goes behind their pipe): {{<nowiki />{1|default}}} {{{1|default}}}

For a parser function nowiki goes between bracketing-pair characters, or anywhere before the : colon.

{{ #ifeq: inYes | inYes | outYes | outNo }}
{<nowiki />{ #ifeq: inYes | inYes | outYes | outNo }}
{{<nowiki /> #ifeq: inYes | inYes | outYes | outNo }}
{{ #ifeq<nowiki />: inYes | inYes | outYes | outNo }}
{{ #ifeq: inYes | inYes | outYes | outNo }<nowiki />}

outYes
{{ #ifeq: inYes | inYes | outYes | outNo }}
{{ #ifeq: inYes | inYes | outYes | outNo }}
{{ #ifeq: inYes | inYes | outYes | outNo }}
{{ #ifeq: inYes | inYes | outYes | outNo }}

Behavioral switches expect the tag anywhere:

 1. __HIDDENCAT__
 2. __HIDDENCAT<nowiki />__
1.
2. __HIDDENCAT__

<tags> do not display; they are just markup. If you want them to, insert <nowiki /> after an < opening angle bracket; it goes only in the very front. Opening tags and closing tags must be treated separately.

<span style=color:blue> Blue </span>
<<nowiki />span style=color:blue> Blue <<nowiki />/span>
<section end=la<nowiki />bel /> 

Blue
<span style=color:blue> Blue </span>
bel /> N

Use template {{tag}} instead of nowiki tags to display parser tags:

Character entities, nowiki cannot escape. To escape HTML or special character entities, replace & with &amp;. For example, &amp;lt; &lt;

To display a nowiki tag, you can (1) use {{tag}}, (2) replace the < left angle bracket with its HTML character entity, or (3) nest nowiki tags in each other:

{{ tag | nowiki }}
<code>&lt; nowiki>...&lt;/ nowiki ></code>
<code><<nowiki />nowiki>...<<nowiki />/ nowiki ></code>

<nowiki>...</ nowiki >
< nowiki>...</ nowiki >
< nowiki>...</ nowiki >

{{ tag | nowiki | s }}
<code>&lt; nowiki /></code>
<code><<nowiki /> nowiki /></code>
<code><nowiki>< nowiki /></nowiki></code>

<nowiki />
< nowiki />
< nowiki />
< nowiki />

Nowiki tags do not otherwise nest, so it is the second and fourth that displays:

1<nowiki>2<nowiki>3</nowiki>4</nowiki>
<nowiki>{{!}}<nowiki></nowiki>{{!}}</nowiki>

12<nowiki>34</nowiki>       second and fourth
{{!}}<nowiki>|</nowiki>

These simply scan from left to right. The paired tags cannot overlap, because the very first pair-match nullifies any intervening tags inside. Unbalanced tags always display.

Nowiki tags do not display table markup, use <pre>...</pre>.

<pre> is a parser tag that emulates the HTML <pre> tag. It defines preformatted text that is displayed in a fixed-width font and is enclosed in a dashed box. HTML and wiki markups are escaped and spaces and line breaks are preserved, but HTML entities are parsed.

<pre> examples
MarkupRenders as
<pre><!--Comment-->

[[wiki]] markup &amp;</pre>
<!--Comment-->

[[wiki]] markup &

<pre> formatted text does not wrap, thus text may extend past the browser window:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

To resolve this, <pre> may use CSS styling to add wrapping or a horizontal scrollbar:

  • Wrapping: <pre style="white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; word-wrap:break-word;">
  • Scroll bar: <pre style="overflow:auto; width:auto;">

Alternatively, consider using {{pre2}} template or <syntaxhighlight lang="text">...</syntaxhighlight>.