2017-01-25 21:51:26 +01:00
|
|
|
|
<!DOCTYPE html>
|
Make default.html5 polyglot markup conformant. (#3473)
Polyglot markup is HTML5 that is also valid XHTML. See
<https://www.w3.org/TR/html-polyglot>. With this change, pandoc's
html5 writer creates HTML that is both valid HTML5 and valid XHTML.
See jgm/pandoc-templates#237 for prior discussion.
* Add xml namespace to `<html>` element.
* Make all `<meta>` elements self closing.
See <https://www.w3.org/TR/html-polyglot/#empty-elements>.
* Add `xml:lang` attribute on `<html>` element, defaulting to blank, and
always include `lang` attribute, even when blank. See
<https://www.w3.org/TR/html-polyglot/#language-attributes>.
* Update test files for template changes.
The key justification for having language values default to blank: it
turns out the HTML5 spec requires it (as I read it). Under
[the HTML5 spec, section "3.2.5.3. The lang and xml:lang
attributes"](https://www.w3.org/TR/html/dom.html#the-lang-and-xmllang-attributes),
providing attributes with blank contents both:
* Has meaning, "unknown", and
* Is a MUST (written as "must") if a language value is not provided ...
> The lang attribute (in no namespace) specifies the primary language
> for the element's contents and for any of the element's attributes that
> contain text. Its value must be a valid BCP 47 language tag, or the
> empty string. Setting the attribute to the empty string indicates that
> the primary language is unknown.
In short, it seems that where a language value is not provided then a
blank value MUST be provided for Polyglot Markup conformance, because
the HTML5 spec stipulates a "must". So although the Polyglot Markup spec
is unclear on this issue it would seem that if it was correctly written,
it would therefore require blank attributes.
Further justifications are found at
https://github.com/jgm/pandoc-templates/issues/237#issuecomment-275584181
(but the HTML5 spec justification given above would seem to be the
clincher).
In addition to having lang-values-default-to-blank I recommend that, when an
author does not provide a lang value, then upon on pandoc command execution
a warning message like the following be provided:
> Polyglot markup stipulates that 'The root element SHOULD always specify
> the language'. It is therefore recommended you specify a language value in
> your source document. See
> <https://www.w3.org/International/articles/language-tags/> for valid
> language values.
2017-03-04 10:08:38 +01:00
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
2009-12-31 02:13:26 +01:00
|
|
|
|
<head>
|
Make default.html5 polyglot markup conformant. (#3473)
Polyglot markup is HTML5 that is also valid XHTML. See
<https://www.w3.org/TR/html-polyglot>. With this change, pandoc's
html5 writer creates HTML that is both valid HTML5 and valid XHTML.
See jgm/pandoc-templates#237 for prior discussion.
* Add xml namespace to `<html>` element.
* Make all `<meta>` elements self closing.
See <https://www.w3.org/TR/html-polyglot/#empty-elements>.
* Add `xml:lang` attribute on `<html>` element, defaulting to blank, and
always include `lang` attribute, even when blank. See
<https://www.w3.org/TR/html-polyglot/#language-attributes>.
* Update test files for template changes.
The key justification for having language values default to blank: it
turns out the HTML5 spec requires it (as I read it). Under
[the HTML5 spec, section "3.2.5.3. The lang and xml:lang
attributes"](https://www.w3.org/TR/html/dom.html#the-lang-and-xmllang-attributes),
providing attributes with blank contents both:
* Has meaning, "unknown", and
* Is a MUST (written as "must") if a language value is not provided ...
> The lang attribute (in no namespace) specifies the primary language
> for the element's contents and for any of the element's attributes that
> contain text. Its value must be a valid BCP 47 language tag, or the
> empty string. Setting the attribute to the empty string indicates that
> the primary language is unknown.
In short, it seems that where a language value is not provided then a
blank value MUST be provided for Polyglot Markup conformance, because
the HTML5 spec stipulates a "must". So although the Polyglot Markup spec
is unclear on this issue it would seem that if it was correctly written,
it would therefore require blank attributes.
Further justifications are found at
https://github.com/jgm/pandoc-templates/issues/237#issuecomment-275584181
(but the HTML5 spec justification given above would seem to be the
clincher).
In addition to having lang-values-default-to-blank I recommend that, when an
author does not provide a lang value, then upon on pandoc command execution
a warning message like the following be provided:
> Polyglot markup stipulates that 'The root element SHOULD always specify
> the language'. It is therefore recommended you specify a language value in
> your source document. See
> <https://www.w3.org/International/articles/language-tags/> for valid
> language values.
2017-03-04 10:08:38 +01:00
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="generator" content="pandoc" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
|
|
|
|
<meta name="author" content="John MacFarlane" />
|
|
|
|
|
<meta name="author" content="Anonymous" />
|
|
|
|
|
<meta name="dcterms.date" content="2006-07-17" />
|
2011-01-12 07:25:57 +01:00
|
|
|
|
<title>Pandoc Test Suite</title>
|
2018-12-14 20:29:35 +01:00
|
|
|
|
<style>
|
2020-09-20 01:13:50 +02:00
|
|
|
|
html {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
line-height: 1.5;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
font-family: Georgia, serif;
|
2020-11-02 19:19:53 +01:00
|
|
|
|
font-size: 20px;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
color: #1a1a1a;
|
|
|
|
|
background-color: #fdfdfd;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
margin: 0 auto;
|
2020-11-02 19:19:53 +01:00
|
|
|
|
max-width: 36em;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
padding-left: 50px;
|
|
|
|
|
padding-right: 50px;
|
|
|
|
|
padding-top: 50px;
|
|
|
|
|
padding-bottom: 50px;
|
|
|
|
|
hyphens: auto;
|
2021-07-02 09:27:15 +02:00
|
|
|
|
overflow-wrap: break-word;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
font-kerning: normal;
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 600px) {
|
|
|
|
|
body {
|
|
|
|
|
font-size: 0.9em;
|
|
|
|
|
padding: 1em;
|
|
|
|
|
}
|
2022-01-16 18:22:43 +01:00
|
|
|
|
h1 {
|
|
|
|
|
font-size: 1.8em;
|
|
|
|
|
}
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
|
|
|
|
@media print {
|
|
|
|
|
body {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
color: black;
|
2020-11-02 19:19:53 +01:00
|
|
|
|
font-size: 12pt;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
|
|
|
|
p, h2, h3 {
|
|
|
|
|
orphans: 3;
|
|
|
|
|
widows: 3;
|
|
|
|
|
}
|
|
|
|
|
h2, h3, h4 {
|
|
|
|
|
page-break-after: avoid;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
p {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin: 1em 0;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
color: #1a1a1a;
|
|
|
|
|
}
|
|
|
|
|
a:visited {
|
|
|
|
|
color: #1a1a1a;
|
|
|
|
|
}
|
|
|
|
|
img {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin-top: 1.4em;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
2020-11-01 23:22:58 +01:00
|
|
|
|
h5, h6 {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
font-size: 1em;
|
2020-11-01 23:22:58 +01:00
|
|
|
|
font-style: italic;
|
|
|
|
|
}
|
|
|
|
|
h6 {
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
2020-09-20 01:13:50 +02:00
|
|
|
|
ol, ul {
|
|
|
|
|
padding-left: 1.7em;
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin-top: 1em;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
|
|
|
|
li > ol, li > ul {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
blockquote {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin: 1em 0 1em 1.7em;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
padding-left: 1em;
|
|
|
|
|
border-left: 2px solid #e6e6e6;
|
2020-11-01 23:22:58 +01:00
|
|
|
|
color: #606060;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
|
|
|
|
code {
|
|
|
|
|
font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
|
|
|
|
|
font-size: 85%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
pre {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin: 1em 0;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
overflow: auto;
|
|
|
|
|
}
|
|
|
|
|
pre code {
|
|
|
|
|
padding: 0;
|
|
|
|
|
overflow: visible;
|
2021-07-02 09:27:15 +02:00
|
|
|
|
overflow-wrap: normal;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
2020-11-01 23:22:58 +01:00
|
|
|
|
.sourceCode {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
overflow: visible;
|
|
|
|
|
}
|
2020-09-20 01:13:50 +02:00
|
|
|
|
hr {
|
|
|
|
|
background-color: #1a1a1a;
|
|
|
|
|
border: none;
|
|
|
|
|
height: 1px;
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin: 1em 0;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
|
|
|
|
table {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin: 1em 0;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
display: block;
|
2020-11-01 23:22:58 +01:00
|
|
|
|
font-variant-numeric: lining-nums tabular-nums;
|
|
|
|
|
}
|
|
|
|
|
table caption {
|
|
|
|
|
margin-bottom: 0.75em;
|
|
|
|
|
}
|
|
|
|
|
tbody {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin-top: 0.5em;
|
2020-11-01 23:22:58 +01:00
|
|
|
|
border-top: 1px solid #1a1a1a;
|
|
|
|
|
border-bottom: 1px solid #1a1a1a;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
2020-11-01 23:22:58 +01:00
|
|
|
|
th {
|
|
|
|
|
border-top: 1px solid #1a1a1a;
|
|
|
|
|
padding: 0.25em 0.5em 0.25em 0.5em;
|
|
|
|
|
}
|
|
|
|
|
td {
|
|
|
|
|
padding: 0.125em 0.5em 0.25em 0.5em;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
}
|
|
|
|
|
header {
|
2020-11-02 19:19:53 +01:00
|
|
|
|
margin-bottom: 4em;
|
2020-09-20 01:13:50 +02:00
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
2020-11-01 23:22:58 +01:00
|
|
|
|
#TOC li {
|
|
|
|
|
list-style: none;
|
|
|
|
|
}
|
2022-01-16 18:22:43 +01:00
|
|
|
|
#TOC ul {
|
|
|
|
|
padding-left: 1.3em;
|
|
|
|
|
}
|
|
|
|
|
#TOC > ul {
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
}
|
2020-11-01 23:22:58 +01:00
|
|
|
|
#TOC a:not(:hover) {
|
2020-09-20 01:13:50 +02:00
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2019-09-05 02:33:59 +02:00
|
|
|
|
code{white-space: pre-wrap;}
|
|
|
|
|
span.smallcaps{font-variant: small-caps;}
|
|
|
|
|
span.underline{text-decoration: underline;}
|
|
|
|
|
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
2019-09-05 21:42:23 +02:00
|
|
|
|
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
2019-12-05 18:36:34 +01:00
|
|
|
|
ul.task-list{list-style: none;}
|
2020-05-19 07:45:44 +02:00
|
|
|
|
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
2017-03-04 23:16:42 +01:00
|
|
|
|
</style>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
|
|
|
|
|
<![endif]-->
|
2009-12-31 02:14:27 +01:00
|
|
|
|
</head>
|
2009-12-31 02:13:26 +01:00
|
|
|
|
<body>
|
2018-09-10 18:15:11 +02:00
|
|
|
|
<header id="title-block-header">
|
2009-12-31 02:14:27 +01:00
|
|
|
|
<h1 class="title">Pandoc Test Suite</h1>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<p class="author">John MacFarlane</p>
|
|
|
|
|
<p class="author">Anonymous</p>
|
|
|
|
|
<p class="date">July 17, 2006</p>
|
|
|
|
|
</header>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>This is a set of tests for pandoc. Most of them are adapted from John
|
|
|
|
|
Gruber’s markdown test suite.</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="headers">Headers</h1>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<h2 id="level-2-with-an-embedded-link">Level 2 with an <a href="/url">embedded
|
|
|
|
|
link</a></h2>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<h3 id="level-3-with-emphasis">Level 3 with <em>emphasis</em></h3>
|
|
|
|
|
<h4 id="level-4">Level 4</h4>
|
|
|
|
|
<h5 id="level-5">Level 5</h5>
|
|
|
|
|
<h1 id="level-1">Level 1</h1>
|
|
|
|
|
<h2 id="level-2-with-emphasis">Level 2 with <em>emphasis</em></h2>
|
|
|
|
|
<h3 id="level-3">Level 3</h3>
|
|
|
|
|
<p>with no blank line</p>
|
|
|
|
|
<h2 id="level-2">Level 2</h2>
|
|
|
|
|
<p>with no blank line</p>
|
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="paragraphs">Paragraphs</h1>
|
|
|
|
|
<p>Here’s a regular paragraph.</p>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>In Markdown 1.0.0 and earlier. Version 8. This line turns into a list item.
|
|
|
|
|
Because a hard-wrapped line in the middle of a paragraph looked like a list
|
|
|
|
|
item.</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Here’s one with a bullet. * criminey.</p>
|
2015-02-05 07:42:22 +01:00
|
|
|
|
<p>There should be a hard line break<br />
|
|
|
|
|
here.</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="block-quotes">Block Quotes</h1>
|
|
|
|
|
<p>E-mail style:</p>
|
2011-02-05 08:25:28 +01:00
|
|
|
|
<blockquote>
|
|
|
|
|
<p>This is a block quote. It is pretty short.</p>
|
|
|
|
|
</blockquote>
|
|
|
|
|
<blockquote>
|
|
|
|
|
<p>Code in a block quote:</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<pre><code>sub status {
|
2010-07-16 04:01:00 +02:00
|
|
|
|
print "working";
|
2011-12-28 03:08:06 +01:00
|
|
|
|
}</code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>A list:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>item one</li>
|
|
|
|
|
<li>item two</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
<p>Nested block quotes:</p>
|
2011-02-05 08:25:28 +01:00
|
|
|
|
<blockquote>
|
|
|
|
|
<p>nested</p>
|
|
|
|
|
</blockquote>
|
|
|
|
|
<blockquote>
|
|
|
|
|
<p>nested</p>
|
|
|
|
|
</blockquote>
|
|
|
|
|
</blockquote>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>This should not be a block quote: 2 > 1.</p>
|
|
|
|
|
<p>And a following paragraph.</p>
|
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="code-blocks">Code Blocks</h1>
|
|
|
|
|
<p>Code:</p>
|
|
|
|
|
<pre><code>---- (should be four hyphens)
|
2006-10-17 16:22:29 +02:00
|
|
|
|
|
|
|
|
|
sub status {
|
2007-01-04 23:52:16 +01:00
|
|
|
|
print "working";
|
2006-10-17 16:22:29 +02:00
|
|
|
|
}
|
|
|
|
|
|
2011-12-28 03:08:06 +01:00
|
|
|
|
this code block is indented by one tab</code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>And:</p>
|
|
|
|
|
<pre><code> this code block is indented by two tabs
|
2006-10-17 16:22:29 +02:00
|
|
|
|
|
2011-12-28 03:08:06 +01:00
|
|
|
|
These should not be escaped: \$ \\ \> \[ \{</code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="lists">Lists</h1>
|
|
|
|
|
<h2 id="unordered">Unordered</h2>
|
|
|
|
|
<p>Asterisks tight:</p>
|
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>asterisk 1</li>
|
|
|
|
|
<li>asterisk 2</li>
|
|
|
|
|
<li>asterisk 3</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<p>Asterisks loose:</p>
|
|
|
|
|
<ul>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>asterisk 1</p></li>
|
|
|
|
|
<li><p>asterisk 2</p></li>
|
|
|
|
|
<li><p>asterisk 3</p></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<p>Pluses tight:</p>
|
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Plus 1</li>
|
|
|
|
|
<li>Plus 2</li>
|
|
|
|
|
<li>Plus 3</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<p>Pluses loose:</p>
|
|
|
|
|
<ul>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>Plus 1</p></li>
|
|
|
|
|
<li><p>Plus 2</p></li>
|
|
|
|
|
<li><p>Plus 3</p></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<p>Minuses tight:</p>
|
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Minus 1</li>
|
|
|
|
|
<li>Minus 2</li>
|
|
|
|
|
<li>Minus 3</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<p>Minuses loose:</p>
|
|
|
|
|
<ul>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>Minus 1</p></li>
|
|
|
|
|
<li><p>Minus 2</p></li>
|
|
|
|
|
<li><p>Minus 3</p></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<h2 id="ordered">Ordered</h2>
|
|
|
|
|
<p>Tight:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>First</li>
|
|
|
|
|
<li>Second</li>
|
|
|
|
|
<li>Third</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
<p>and:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>One</li>
|
|
|
|
|
<li>Two</li>
|
|
|
|
|
<li>Three</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
<p>Loose using tabs:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>First</p></li>
|
|
|
|
|
<li><p>Second</p></li>
|
|
|
|
|
<li><p>Third</p></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
<p>and using spaces:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>One</p></li>
|
|
|
|
|
<li><p>Two</p></li>
|
|
|
|
|
<li><p>Three</p></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
<p>Multiple paragraphs:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>Item 1, graf one.</p>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Item 1. graf two. The quick brown fox jumped over the lazy dog’s
|
|
|
|
|
back.</p></li>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>Item 2.</p></li>
|
|
|
|
|
<li><p>Item 3.</p></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
<h2 id="nested">Nested</h2>
|
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Tab
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Tab
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Tab</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul></li>
|
|
|
|
|
</ul></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<p>Here’s another:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>First</li>
|
|
|
|
|
<li>Second:
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Fee</li>
|
|
|
|
|
<li>Fie</li>
|
|
|
|
|
<li>Foe</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul></li>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Third</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
<p>Same thing but with paragraphs:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>First</p></li>
|
|
|
|
|
<li><p>Second:</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Fee</li>
|
|
|
|
|
<li>Fie</li>
|
|
|
|
|
<li>Foe</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul></li>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>Third</p></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
<h2 id="tabs-and-spaces">Tabs and spaces</h2>
|
|
|
|
|
<ul>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>this is a list item indented with tabs</p></li>
|
|
|
|
|
<li><p>this is a list item indented with spaces</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<ul>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>this is an example list item indented with tabs</p></li>
|
|
|
|
|
<li><p>this is an example list item indented with spaces</p></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<h2 id="fancy-list-markers">Fancy list markers</h2>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol start="2" type="1">
|
2019-02-23 23:40:06 +01:00
|
|
|
|
<li><p>begins with 2</p></li>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<li><p>and now 3</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>with a continuation</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol start="4" type="i">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>sublist with roman numerals, starting with 4</li>
|
|
|
|
|
<li>more items
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="A">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>a subsublist</li>
|
|
|
|
|
<li>a subsublist</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol></li>
|
|
|
|
|
</ol></li>
|
|
|
|
|
</ol>
|
|
|
|
|
<p>Nesting:</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="A">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Upper Alpha
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="I">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Upper Roman.
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol start="6" type="1">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Decimal start with 6
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol start="3" type="a">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Lower alpha with paren</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol></li>
|
|
|
|
|
</ol></li>
|
|
|
|
|
</ol></li>
|
|
|
|
|
</ol>
|
|
|
|
|
<p>Autonumbering:</p>
|
|
|
|
|
<ol>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Autonumber.</li>
|
|
|
|
|
<li>More.
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<ol>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Nested.</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol></li>
|
|
|
|
|
</ol>
|
|
|
|
|
<p>Should not be a list item:</p>
|
|
|
|
|
<p>M.A. 2007</p>
|
|
|
|
|
<p>B. Williams</p>
|
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="definition-lists">Definition Lists</h1>
|
|
|
|
|
<p>Tight using spaces:</p>
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>apple</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
red fruit
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>orange</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
orange fruit
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>banana</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
yellow fruit
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<p>Tight using tabs:</p>
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>apple</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
red fruit
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>orange</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
orange fruit
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>banana</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
yellow fruit
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<p>Loose:</p>
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>apple</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>red fruit</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>orange</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>orange fruit</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>banana</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>yellow fruit</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<p>Multiple blocks with italics:</p>
|
|
|
|
|
<dl>
|
|
|
|
|
<dt><em>apple</em></dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>red fruit</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>contains seeds, crisp, pleasant to taste</p>
|
|
|
|
|
</dd>
|
|
|
|
|
<dt><em>orange</em></dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>orange fruit</p>
|
2011-12-28 03:08:06 +01:00
|
|
|
|
<pre><code>{ orange code block }</code></pre>
|
2011-02-05 08:25:28 +01:00
|
|
|
|
<blockquote>
|
|
|
|
|
<p>orange block quote</p>
|
|
|
|
|
</blockquote>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<p>Multiple definitions, tight:</p>
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>apple</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
red fruit
|
2012-09-11 17:51:08 +02:00
|
|
|
|
</dd>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
computer
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>orange</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
orange fruit
|
2012-09-11 17:51:08 +02:00
|
|
|
|
</dd>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
bank
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<p>Multiple definitions, loose:</p>
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>apple</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>red fruit</p>
|
2012-09-11 17:51:08 +02:00
|
|
|
|
</dd>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>computer</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>orange</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>orange fruit</p>
|
2012-09-11 17:51:08 +02:00
|
|
|
|
</dd>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>bank</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<p>Blank line after term, indented marker, alternate markers:</p>
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>apple</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>red fruit</p>
|
2012-09-11 17:51:08 +02:00
|
|
|
|
</dd>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>computer</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</dd>
|
|
|
|
|
<dt>orange</dt>
|
2021-12-22 07:53:22 +01:00
|
|
|
|
<dd>
|
|
|
|
|
<p>orange fruit</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>sublist</li>
|
|
|
|
|
<li>sublist</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<h1 id="html-blocks">HTML Blocks</h1>
|
|
|
|
|
<p>Simple block on one line:</p>
|
2006-10-17 16:22:29 +02:00
|
|
|
|
<div>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
foo
|
|
|
|
|
</div>
|
|
|
|
|
<p>And nested without indentation:</p>
|
|
|
|
|
<div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>
|
2014-08-31 21:55:47 +02:00
|
|
|
|
<p>foo</p>
|
2007-01-06 10:54:58 +01:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<div>
|
|
|
|
|
bar
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p>Interpreted markdown in a table:</p>
|
|
|
|
|
<table>
|
2006-10-17 16:22:29 +02:00
|
|
|
|
<tr>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<td>
|
|
|
|
|
This is <em>emphasized</em>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
And this is <strong>strong</strong>
|
|
|
|
|
</td>
|
2006-10-17 16:22:29 +02:00
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Here’s a simple block:</p>
|
|
|
|
|
<div>
|
2014-08-31 21:55:47 +02:00
|
|
|
|
<p>foo</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</div>
|
|
|
|
|
<p>This should be a code block, though:</p>
|
|
|
|
|
<pre><code><div>
|
2006-10-17 16:22:29 +02:00
|
|
|
|
foo
|
2011-12-28 03:08:06 +01:00
|
|
|
|
</div></code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>As should this:</p>
|
2011-12-28 03:08:06 +01:00
|
|
|
|
<pre><code><div>foo</div></code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Now, nested:</p>
|
|
|
|
|
<div>
|
2013-08-18 23:36:40 +02:00
|
|
|
|
<div>
|
|
|
|
|
<div>
|
2015-12-12 18:31:51 +01:00
|
|
|
|
foo
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</div>
|
2006-10-17 16:22:29 +02:00
|
|
|
|
</div>
|
2013-08-18 23:36:40 +02:00
|
|
|
|
</div>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>This should just be an HTML comment:</p>
|
|
|
|
|
<!-- Comment -->
|
|
|
|
|
<p>Multiline:</p>
|
|
|
|
|
<!--
|
2006-10-17 16:22:29 +02:00
|
|
|
|
Blah
|
|
|
|
|
Blah
|
|
|
|
|
-->
|
|
|
|
|
<!--
|
|
|
|
|
This is another comment.
|
|
|
|
|
-->
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Code block:</p>
|
2011-12-28 03:08:06 +01:00
|
|
|
|
<pre><code><!-- Comment --></code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Just plain comment, with trailing spaces on the line:</p>
|
2014-07-07 23:47:51 +02:00
|
|
|
|
<!-- foo -->
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Code:</p>
|
2011-12-28 03:08:06 +01:00
|
|
|
|
<pre><code><hr /></code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Hr’s:</p>
|
|
|
|
|
<hr>
|
2006-10-17 16:22:29 +02:00
|
|
|
|
<hr />
|
|
|
|
|
<hr />
|
2014-07-07 23:47:51 +02:00
|
|
|
|
<hr>
|
|
|
|
|
<hr />
|
|
|
|
|
<hr />
|
2006-10-17 16:22:29 +02:00
|
|
|
|
<hr class="foo" id="bar" />
|
|
|
|
|
<hr class="foo" id="bar" />
|
|
|
|
|
<hr class="foo" id="bar">
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="inline-markup">Inline Markup</h1>
|
|
|
|
|
<p>This is <em>emphasized</em>, and so <em>is this</em>.</p>
|
|
|
|
|
<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p>
|
|
|
|
|
<p>An <em><a href="/url">emphasized link</a></em>.</p>
|
|
|
|
|
<p><strong><em>This is strong and em.</em></strong></p>
|
|
|
|
|
<p>So is <strong><em>this</em></strong> word.</p>
|
|
|
|
|
<p><strong><em>This is strong and em.</em></strong></p>
|
|
|
|
|
<p>So is <strong><em>this</em></strong> word.</p>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>This is code: <code>></code>, <code>$</code>, <code>\</code>,
|
|
|
|
|
<code>\$</code>, <code><html></code>.</p>
|
2011-12-18 20:08:04 +01:00
|
|
|
|
<p><del>This is <em>strikeout</em>.</del></p>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Superscripts: a<sup>bc</sup>d a<sup><em>hello</em></sup>
|
|
|
|
|
a<sup>hello there</sup>.</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Subscripts: H<sub>2</sub>O, H<sub>23</sub>O, H<sub>many of them</sub>O.</p>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>These should not be superscripts or subscripts, because of the unescaped
|
|
|
|
|
spaces: a^b c^d, a~b c~d.</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="smart-quotes-ellipses-dashes">Smart quotes, ellipses, dashes</h1>
|
|
|
|
|
<p>“Hello,” said the spider. “‘Shelob’ is my name.”</p>
|
|
|
|
|
<p>‘A’, ‘B’, and ‘C’ are letters.</p>
|
|
|
|
|
<p>‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p>
|
|
|
|
|
<p>‘He said, “I want to go.”’ Were you alive in the 70’s?</p>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Here is some quoted ‘<code>code</code>’ and a “<a
|
|
|
|
|
href="http://example.com/?foo=1&bar=2">quoted link</a>”.</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Some dashes: one—two — three—four — five.</p>
|
|
|
|
|
<p>Dashes between numbers: 5–7, 255–66, 1987–1999.</p>
|
|
|
|
|
<p>Ellipses…and…and….</p>
|
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="latex">LaTeX</h1>
|
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li></li>
|
2015-02-01 20:08:27 +01:00
|
|
|
|
<li><span class="math inline">2 + 2 = 4</span></li>
|
|
|
|
|
<li><span class="math inline"><em>x</em> ∈ <em>y</em></span></li>
|
|
|
|
|
<li><span class="math inline"><em>α</em> ∧ <em>ω</em></span></li>
|
|
|
|
|
<li><span class="math inline">223</span></li>
|
|
|
|
|
<li><span class="math inline"><em>p</em></span>-Tree</li>
|
2022-01-10 19:40:49 +01:00
|
|
|
|
<li>Here’s some display math: <span
|
|
|
|
|
class="math display">$$\frac{d}{dx}f(x)=\lim_{h\to
|
|
|
|
|
0}\frac{f(x+h)-f(x)}{h}$$</span></li>
|
|
|
|
|
<li>Here’s one that has a line break in it: <span
|
|
|
|
|
class="math inline"><em>α</em> + <em>ω</em> × <em>x</em><sup>2</sup></span>.</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<p>These shouldn’t be math:</p>
|
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if “lot” is
|
|
|
|
|
emphasized.)</li>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>Shoes ($20) and socks ($5).</li>
|
|
|
|
|
<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<p>Here’s a LaTeX table:</p>
|
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="special-characters">Special Characters</h1>
|
|
|
|
|
<p>Here is some unicode:</p>
|
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>I hat: Î</li>
|
|
|
|
|
<li>o umlaut: ö</li>
|
|
|
|
|
<li>section: §</li>
|
|
|
|
|
<li>set membership: ∈</li>
|
|
|
|
|
<li>copyright: ©</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
|
|
|
|
<p>AT&T has an ampersand in their name.</p>
|
|
|
|
|
<p>AT&T is another way to write it.</p>
|
|
|
|
|
<p>This & that.</p>
|
|
|
|
|
<p>4 < 5.</p>
|
|
|
|
|
<p>6 > 5.</p>
|
|
|
|
|
<p>Backslash: \</p>
|
|
|
|
|
<p>Backtick: `</p>
|
|
|
|
|
<p>Asterisk: *</p>
|
|
|
|
|
<p>Underscore: _</p>
|
|
|
|
|
<p>Left brace: {</p>
|
|
|
|
|
<p>Right brace: }</p>
|
|
|
|
|
<p>Left bracket: [</p>
|
|
|
|
|
<p>Right bracket: ]</p>
|
|
|
|
|
<p>Left paren: (</p>
|
|
|
|
|
<p>Right paren: )</p>
|
|
|
|
|
<p>Greater-than: ></p>
|
|
|
|
|
<p>Hash: #</p>
|
|
|
|
|
<p>Period: .</p>
|
|
|
|
|
<p>Bang: !</p>
|
|
|
|
|
<p>Plus: +</p>
|
|
|
|
|
<p>Minus: -</p>
|
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="links">Links</h1>
|
|
|
|
|
<h2 id="explicit">Explicit</h2>
|
|
|
|
|
<p>Just a <a href="/url/">URL</a>.</p>
|
|
|
|
|
<p><a href="/url/" title="title">URL and title</a>.</p>
|
|
|
|
|
<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
|
|
|
|
|
<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p><a href="/url/" title="title with "quotes" in it">URL and
|
|
|
|
|
title</a></p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p><a href="/url/" title="title with single quotes">URL and title</a></p>
|
|
|
|
|
<p><a href="/url/with_underscore">with_underscore</a></p>
|
2016-06-20 19:35:14 +02:00
|
|
|
|
<p><a href="mailto:nobody@nowhere.net">Email link</a></p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p><a href="">Empty</a>.</p>
|
|
|
|
|
<h2 id="reference">Reference</h2>
|
|
|
|
|
<p>Foo <a href="/url/">bar</a>.</p>
|
|
|
|
|
<p>With <a href="/url/">embedded [brackets]</a>.</p>
|
|
|
|
|
<p><a href="/url/">b</a> by itself should be a link.</p>
|
|
|
|
|
<p>Indented <a href="/url">once</a>.</p>
|
|
|
|
|
<p>Indented <a href="/url">twice</a>.</p>
|
|
|
|
|
<p>Indented <a href="/url">thrice</a>.</p>
|
|
|
|
|
<p>This should [not][] be a link.</p>
|
2011-12-28 03:08:06 +01:00
|
|
|
|
<pre><code>[not]: /url</code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Foo <a href="/url/" title="Title with "quotes" inside">bar</a>.</p>
|
|
|
|
|
<p>Foo <a href="/url/" title="Title with "quote" inside">biz</a>.</p>
|
|
|
|
|
<h2 id="with-ampersands">With ampersands</h2>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Here’s a <a href="http://example.com/?foo=1&bar=2">link with an ampersand
|
|
|
|
|
in the URL</a>.</p>
|
|
|
|
|
<p>Here’s a link with an amersand in the link text: <a href="http://att.com/"
|
|
|
|
|
title="AT&T">AT&T</a>.</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Here’s an <a href="/script?foo=1&bar=2">inline link</a>.</p>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Here’s an <a href="/script?foo=1&bar=2">inline link in pointy
|
|
|
|
|
braces</a>.</p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<h2 id="autolinks">Autolinks</h2>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>With an ampersand: <a href="http://example.com/?foo=1&bar=2"
|
|
|
|
|
class="uri">http://example.com/?foo=1&bar=2</a></p>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<ul>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>In a list?</li>
|
2014-08-13 00:49:43 +02:00
|
|
|
|
<li><a href="http://example.com/" class="uri">http://example.com/</a></li>
|
2011-02-05 06:05:48 +01:00
|
|
|
|
<li>It should.</li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ul>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>An e-mail address: <a href="mailto:nobody@nowhere.net"
|
|
|
|
|
class="email">nobody@nowhere.net</a></p>
|
2011-02-05 08:25:28 +01:00
|
|
|
|
<blockquote>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Blockquoted: <a href="http://example.com/"
|
|
|
|
|
class="uri">http://example.com/</a></p>
|
2011-02-05 08:25:28 +01:00
|
|
|
|
</blockquote>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Auto-links should not occur here:
|
|
|
|
|
<code><http://example.com/></code></p>
|
2011-12-28 03:08:06 +01:00
|
|
|
|
<pre><code>or here: <http://example.com/></code></pre>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="images">Images</h1>
|
|
|
|
|
<p>From “Voyage dans la Lune” by Georges Melies (1902):</p>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<figure>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune" />
|
|
|
|
|
<figcaption aria-hidden="true">lalune</figcaption>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
</figure>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<p>Here is a movie <img src="movie.jpg" alt="movie" /> icon.</p>
|
|
|
|
|
<hr />
|
|
|
|
|
<h1 id="footnotes">Footnotes</h1>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Here is a footnote reference,<a href="#fn1" class="footnote-ref" id="fnref1"
|
|
|
|
|
role="doc-noteref"><sup>1</sup></a> and another.<a href="#fn2"
|
|
|
|
|
class="footnote-ref" id="fnref2" role="doc-noteref"><sup>2</sup></a> This should
|
|
|
|
|
<em>not</em> be a footnote reference, because it contains a space.[^my note]
|
|
|
|
|
Here is an inline note.<a href="#fn3" class="footnote-ref" id="fnref3"
|
|
|
|
|
role="doc-noteref"><sup>3</sup></a></p>
|
2011-02-05 08:25:28 +01:00
|
|
|
|
<blockquote>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>Notes can go in quotes.<a href="#fn4" class="footnote-ref" id="fnref4"
|
|
|
|
|
role="doc-noteref"><sup>4</sup></a></p>
|
2011-02-05 08:25:28 +01:00
|
|
|
|
</blockquote>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<ol type="1">
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<li>And in list items.<a href="#fn5" class="footnote-ref" id="fnref5"
|
|
|
|
|
role="doc-noteref"><sup>5</sup></a></li>
|
2011-02-05 05:37:58 +01:00
|
|
|
|
</ol>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
<p>This paragraph should not be part of the note, as it is not indented.</p>
|
2021-09-10 18:30:05 +02:00
|
|
|
|
<section class="footnotes footnotes-end-of-document" role="doc-endnotes">
|
2011-02-05 05:37:58 +01:00
|
|
|
|
<hr />
|
|
|
|
|
<ol>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<li id="fn1" role="doc-endnote"><p>Here is the footnote. It can go anywhere
|
|
|
|
|
after the footnote reference. It need not be placed at the end of the
|
|
|
|
|
document.<a href="#fnref1" class="footnote-back"
|
|
|
|
|
role="doc-backlink">↩︎</a></p></li>
|
|
|
|
|
<li id="fn2" role="doc-endnote"><p>Here’s the long note. This one contains
|
|
|
|
|
multiple blocks.</p>
|
|
|
|
|
<p>Subsequent blocks are indented to show that they belong to the footnote (as
|
|
|
|
|
with list items).</p>
|
2011-12-28 03:08:06 +01:00
|
|
|
|
<pre><code> { <code> }</code></pre>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<p>If you want, you can indent every line, but you can also be lazy and just
|
|
|
|
|
indent the first line of each block.<a href="#fnref2" class="footnote-back"
|
|
|
|
|
role="doc-backlink">↩︎</a></p></li>
|
|
|
|
|
<li id="fn3" role="doc-endnote"><p>This is <em>easier</em> to type. Inline notes
|
|
|
|
|
may contain <a href="http://google.com">links</a> and <code>]</code> verbatim
|
|
|
|
|
characters, as well as [bracketed text].<a href="#fnref3" class="footnote-back"
|
|
|
|
|
role="doc-backlink">↩︎</a></p></li>
|
|
|
|
|
<li id="fn4" role="doc-endnote"><p>In quote.<a href="#fnref4"
|
|
|
|
|
class="footnote-back" role="doc-backlink">↩︎</a></p></li>
|
|
|
|
|
<li id="fn5" role="doc-endnote"><p>In list.<a href="#fnref5"
|
|
|
|
|
class="footnote-back" role="doc-backlink">↩︎</a></p></li>
|
2011-02-05 08:09:51 +01:00
|
|
|
|
</ol>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
</section>
|
2009-12-31 02:13:26 +01:00
|
|
|
|
</body>
|
|
|
|
|
</html>
|