| Safe Haskell | None |
|---|---|
| Language | Haskell2010 |
Text.Blaze.Front.Html5
Description
This module exports HTML combinators used to create documents.
Synopsis
- module Text.Blaze.Front
- type Html ev = Markup ev
- toHtml :: ToMarkup a => a -> Html ev
- preEscapedToHtml :: ToMarkup a => a -> Html ev
- docType :: Html ev
- docTypeHtml :: Html ev -> Html ev
- a :: Html ev -> Html ev
- abbr :: Html ev -> Html ev
- address :: Html ev -> Html ev
- area :: Html ev
- article :: Html ev -> Html ev
- aside :: Html ev -> Html ev
- audio :: Html ev -> Html ev
- b :: Html ev -> Html ev
- base :: Html ev
- bdo :: Html ev -> Html ev
- blockquote :: Html ev -> Html ev
- body :: Html ev -> Html ev
- br :: Html ev
- button :: Html ev -> Html ev
- canvas :: Html ev -> Html ev
- caption :: Html ev -> Html ev
- cite :: Html ev -> Html ev
- code :: Html ev -> Html ev
- col :: Html ev
- colgroup :: Html ev -> Html ev
- command :: Html ev -> Html ev
- datalist :: Html ev -> Html ev
- dd :: Html ev -> Html ev
- del :: Html ev -> Html ev
- details :: Html ev -> Html ev
- dfn :: Html ev -> Html ev
- div :: Html ev -> Html ev
- dl :: Html ev -> Html ev
- dt :: Html ev -> Html ev
- em :: Html ev -> Html ev
- embed :: Html ev
- fieldset :: Html ev -> Html ev
- figcaption :: Html ev -> Html ev
- figure :: Html ev -> Html ev
- footer :: Html ev -> Html ev
- form :: Html ev -> Html ev
- h1 :: Html ev -> Html ev
- h2 :: Html ev -> Html ev
- h3 :: Html ev -> Html ev
- h4 :: Html ev -> Html ev
- h5 :: Html ev -> Html ev
- h6 :: Html ev -> Html ev
- head :: Html ev -> Html ev
- header :: Html ev -> Html ev
- hgroup :: Html ev -> Html ev
- hr :: Html ev
- html :: Html ev -> Html ev
- i :: Html ev -> Html ev
- iframe :: Html ev -> Html ev
- img :: Html ev
- input :: Html ev
- ins :: Html ev -> Html ev
- kbd :: Html ev -> Html ev
- keygen :: Html ev
- label :: Html ev -> Html ev
- legend :: Html ev -> Html ev
- li :: Html ev -> Html ev
- link :: Html ev
- map :: Html ev -> Html ev
- mark :: Html ev -> Html ev
- menu :: Html ev -> Html ev
- menuitem :: Html ev
- meta :: Html ev
- meter :: Html ev -> Html ev
- nav :: Html ev -> Html ev
- noscript :: Html ev -> Html ev
- object :: Html ev -> Html ev
- ol :: Html ev -> Html ev
- optgroup :: Html ev -> Html ev
- option :: Html ev -> Html ev
- output :: Html ev -> Html ev
- p :: Html ev -> Html ev
- param :: Html ev
- pre :: Html ev -> Html ev
- progress :: Html ev -> Html ev
- q :: Html ev -> Html ev
- rp :: Html ev -> Html ev
- rt :: Html ev -> Html ev
- ruby :: Html ev -> Html ev
- samp :: Html ev -> Html ev
- script :: Html ev -> Html ev
- section :: Html ev -> Html ev
- select :: Html ev -> Html ev
- small :: Html ev -> Html ev
- source :: Html ev
- span :: Html ev -> Html ev
- strong :: Html ev -> Html ev
- style :: Html ev -> Html ev
- sub :: Html ev -> Html ev
- summary :: Html ev -> Html ev
- sup :: Html ev -> Html ev
- svg :: Svg ev -> Html ev
- table :: Html ev -> Html ev
- tbody :: Html ev -> Html ev
- td :: Html ev -> Html ev
- textarea :: Html ev -> Html ev
- tfoot :: Html ev -> Html ev
- th :: Html ev -> Html ev
- thead :: Html ev -> Html ev
- time :: Html ev -> Html ev
- title :: Html ev -> Html ev
- tr :: Html ev -> Html ev
- track :: Html ev
- ul :: Html ev -> Html ev
- var :: Html ev -> Html ev
- video :: Html ev -> Html ev
- wbr :: Html ev
Documentation
module Text.Blaze.Front
preEscapedToHtml :: ToMarkup a => a -> Html ev Source #
Arguments
| :: Html ev | The document type HTML. |
Combinator for the document type. This should be placed at the top of every HTML page.
Example:
docType
Result:
<!DOCTYPE HTML>
Combinator for the <html> element. This combinator will also
insert the correct doctype.
Example:
docTypeHtml $ span $ toHtml "foo"
Result:
<!DOCTYPE HTML> <html><span>foo</span></html>
Combinator for the <a> element.
Example:
a $ span $ toHtml "foo"
Result:
<a><span>foo</span></a>
Combinator for the <abbr> element.
Example:
abbr $ span $ toHtml "foo"
Result:
<abbr><span>foo</span></abbr>
Combinator for the <address> element.
Example:
address $ span $ toHtml "foo"
Result:
<address><span>foo</span></address>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <area /> element.
Example:
area
Result:
<area />
Combinator for the <article> element.
Example:
article $ span $ toHtml "foo"
Result:
<article><span>foo</span></article>
Combinator for the <aside> element.
Example:
aside $ span $ toHtml "foo"
Result:
<aside><span>foo</span></aside>
Combinator for the <audio> element.
Example:
audio $ span $ toHtml "foo"
Result:
<audio><span>foo</span></audio>
Combinator for the <b> element.
Example:
b $ span $ toHtml "foo"
Result:
<b><span>foo</span></b>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <base /> element.
Example:
base
Result:
<base />
Combinator for the <bdo> element.
Example:
bdo $ span $ toHtml "foo"
Result:
<bdo><span>foo</span></bdo>
Combinator for the <blockquote> element.
Example:
blockquote $ span $ toHtml "foo"
Result:
<blockquote><span>foo</span></blockquote>
Combinator for the <body> element.
Example:
body $ span $ toHtml "foo"
Result:
<body><span>foo</span></body>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <br /> element.
Example:
br
Result:
<br />
Combinator for the <button> element.
Example:
button $ span $ toHtml "foo"
Result:
<button><span>foo</span></button>
Combinator for the <canvas> element.
Example:
canvas $ span $ toHtml "foo"
Result:
<canvas><span>foo</span></canvas>
Combinator for the <caption> element.
Example:
caption $ span $ toHtml "foo"
Result:
<caption><span>foo</span></caption>
Combinator for the <cite> element.
Example:
cite $ span $ toHtml "foo"
Result:
<cite><span>foo</span></cite>
Combinator for the <code> element.
Example:
code $ span $ toHtml "foo"
Result:
<code><span>foo</span></code>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <col /> element.
Example:
col
Result:
<col />
Combinator for the <colgroup> element.
Example:
colgroup $ span $ toHtml "foo"
Result:
<colgroup><span>foo</span></colgroup>
Combinator for the <command> element.
Example:
command $ span $ toHtml "foo"
Result:
<command><span>foo</span></command>
Combinator for the <datalist> element.
Example:
datalist $ span $ toHtml "foo"
Result:
<datalist><span>foo</span></datalist>
Combinator for the <dd> element.
Example:
dd $ span $ toHtml "foo"
Result:
<dd><span>foo</span></dd>
Combinator for the <del> element.
Example:
del $ span $ toHtml "foo"
Result:
<del><span>foo</span></del>
Combinator for the <details> element.
Example:
details $ span $ toHtml "foo"
Result:
<details><span>foo</span></details>
Combinator for the <dfn> element.
Example:
dfn $ span $ toHtml "foo"
Result:
<dfn><span>foo</span></dfn>
Combinator for the <div> element.
Example:
div $ span $ toHtml "foo"
Result:
<div><span>foo</span></div>
Combinator for the <dl> element.
Example:
dl $ span $ toHtml "foo"
Result:
<dl><span>foo</span></dl>
Combinator for the <dt> element.
Example:
dt $ span $ toHtml "foo"
Result:
<dt><span>foo</span></dt>
Combinator for the <em> element.
Example:
em $ span $ toHtml "foo"
Result:
<em><span>foo</span></em>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <embed /> element.
Example:
embed
Result:
<embed />
Combinator for the <fieldset> element.
Example:
fieldset $ span $ toHtml "foo"
Result:
<fieldset><span>foo</span></fieldset>
Combinator for the <figcaption> element.
Example:
figcaption $ span $ toHtml "foo"
Result:
<figcaption><span>foo</span></figcaption>
Combinator for the <figure> element.
Example:
figure $ span $ toHtml "foo"
Result:
<figure><span>foo</span></figure>
Combinator for the <footer> element.
Example:
footer $ span $ toHtml "foo"
Result:
<footer><span>foo</span></footer>
Combinator for the <form> element.
Example:
form $ span $ toHtml "foo"
Result:
<form><span>foo</span></form>
Combinator for the <h1> element.
Example:
h1 $ span $ toHtml "foo"
Result:
<h1><span>foo</span></h1>
Combinator for the <h2> element.
Example:
h2 $ span $ toHtml "foo"
Result:
<h2><span>foo</span></h2>
Combinator for the <h3> element.
Example:
h3 $ span $ toHtml "foo"
Result:
<h3><span>foo</span></h3>
Combinator for the <h4> element.
Example:
h4 $ span $ toHtml "foo"
Result:
<h4><span>foo</span></h4>
Combinator for the <h5> element.
Example:
h5 $ span $ toHtml "foo"
Result:
<h5><span>foo</span></h5>
Combinator for the <h6> element.
Example:
h6 $ span $ toHtml "foo"
Result:
<h6><span>foo</span></h6>
Combinator for the <head> element.
Example:
head $ span $ toHtml "foo"
Result:
<head><span>foo</span></head>
Combinator for the <header> element.
Example:
header $ span $ toHtml "foo"
Result:
<header><span>foo</span></header>
Combinator for the <hgroup> element.
Example:
hgroup $ span $ toHtml "foo"
Result:
<hgroup><span>foo</span></hgroup>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <hr /> element.
Example:
hr
Result:
<hr />
Combinator for the <html> element.
Example:
html $ span $ toHtml "foo"
Result:
<html><span>foo</span></html>
Combinator for the <i> element.
Example:
i $ span $ toHtml "foo"
Result:
<i><span>foo</span></i>
Combinator for the <iframe> element.
Example:
iframe $ span $ toHtml "foo"
Result:
<iframe><span>foo</span></iframe>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <img /> element.
Example:
img
Result:
<img />
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <input /> element.
Example:
input
Result:
<input />
Combinator for the <ins> element.
Example:
ins $ span $ toHtml "foo"
Result:
<ins><span>foo</span></ins>
Combinator for the <kbd> element.
Example:
kbd $ span $ toHtml "foo"
Result:
<kbd><span>foo</span></kbd>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <keygen /> element.
Example:
keygen
Result:
<keygen />
Combinator for the <label> element.
Example:
label $ span $ toHtml "foo"
Result:
<label><span>foo</span></label>
Combinator for the <legend> element.
Example:
legend $ span $ toHtml "foo"
Result:
<legend><span>foo</span></legend>
Combinator for the <li> element.
Example:
li $ span $ toHtml "foo"
Result:
<li><span>foo</span></li>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <link /> element.
Example:
link
Result:
<link />
Combinator for the <map> element.
Example:
map $ span $ toHtml "foo"
Result:
<map><span>foo</span></map>
Combinator for the <mark> element.
Example:
mark $ span $ toHtml "foo"
Result:
<mark><span>foo</span></mark>
Combinator for the <menu> element.
Example:
menu $ span $ toHtml "foo"
Result:
<menu><span>foo</span></menu>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <menuitem /> element.
Example:
menuitem
Result:
<menuitem />
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <meta /> element.
Example:
meta
Result:
<meta />
Combinator for the <meter> element.
Example:
meter $ span $ toHtml "foo"
Result:
<meter><span>foo</span></meter>
Combinator for the <nav> element.
Example:
nav $ span $ toHtml "foo"
Result:
<nav><span>foo</span></nav>
Combinator for the <noscript> element.
Example:
noscript $ span $ toHtml "foo"
Result:
<noscript><span>foo</span></noscript>
Combinator for the <object> element.
Example:
object $ span $ toHtml "foo"
Result:
<object><span>foo</span></object>
Combinator for the <ol> element.
Example:
ol $ span $ toHtml "foo"
Result:
<ol><span>foo</span></ol>
Combinator for the <optgroup> element.
Example:
optgroup $ span $ toHtml "foo"
Result:
<optgroup><span>foo</span></optgroup>
Combinator for the <option> element.
Example:
option $ span $ toHtml "foo"
Result:
<option><span>foo</span></option>
Combinator for the <output> element.
Example:
output $ span $ toHtml "foo"
Result:
<output><span>foo</span></output>
Combinator for the <p> element.
Example:
p $ span $ toHtml "foo"
Result:
<p><span>foo</span></p>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <param /> element.
Example:
param
Result:
<param />
Combinator for the <pre> element.
Example:
pre $ span $ toHtml "foo"
Result:
<pre><span>foo</span></pre>
Combinator for the <progress> element.
Example:
progress $ span $ toHtml "foo"
Result:
<progress><span>foo</span></progress>
Combinator for the <q> element.
Example:
q $ span $ toHtml "foo"
Result:
<q><span>foo</span></q>
Combinator for the <rp> element.
Example:
rp $ span $ toHtml "foo"
Result:
<rp><span>foo</span></rp>
Combinator for the <rt> element.
Example:
rt $ span $ toHtml "foo"
Result:
<rt><span>foo</span></rt>
Combinator for the <ruby> element.
Example:
ruby $ span $ toHtml "foo"
Result:
<ruby><span>foo</span></ruby>
Combinator for the <samp> element.
Example:
samp $ span $ toHtml "foo"
Result:
<samp><span>foo</span></samp>
Combinator for the <script> element.
Example:
script $ span $ toHtml "foo"
Result:
<script><span>foo</span></script>
Combinator for the <section> element.
Example:
section $ span $ toHtml "foo"
Result:
<section><span>foo</span></section>
Combinator for the <select> element.
Example:
select $ span $ toHtml "foo"
Result:
<select><span>foo</span></select>
Combinator for the <small> element.
Example:
small $ span $ toHtml "foo"
Result:
<small><span>foo</span></small>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <source /> element.
Example:
source
Result:
<source />
Combinator for the <span> element.
Example:
span $ span $ toHtml "foo"
Result:
<span><span>foo</span></span>
Combinator for the <strong> element.
Example:
strong $ span $ toHtml "foo"
Result:
<strong><span>foo</span></strong>
Combinator for the <style> element.
Example:
style $ span $ toHtml "foo"
Result:
<style><span>foo</span></style>
Combinator for the <sub> element.
Example:
sub $ span $ toHtml "foo"
Result:
<sub><span>foo</span></sub>
Combinator for the <summary> element.
Example:
summary $ span $ toHtml "foo"
Result:
<summary><span>foo</span></summary>
Combinator for the <sup> element.
Example:
sup $ span $ toHtml "foo"
Result:
<sup><span>foo</span></sup>
svg :: Svg ev -> Html ev Source #
Combinator for the <svg> element.
Example:
svg ! width "100" ! height "100" $ circle ! cx "50" ! cy "50" ! r "40"
Result:
<svg width="100" height="100"><circle cx="50" cy="50" r="40"/></svg>
Combinator for the <table> element.
Example:
table $ span $ toHtml "foo"
Result:
<table><span>foo</span></table>
Combinator for the <tbody> element.
Example:
tbody $ span $ toHtml "foo"
Result:
<tbody><span>foo</span></tbody>
Combinator for the <td> element.
Example:
td $ span $ toHtml "foo"
Result:
<td><span>foo</span></td>
Combinator for the <textarea> element.
Example:
textarea $ span $ toHtml "foo"
Result:
<textarea><span>foo</span></textarea>
Combinator for the <tfoot> element.
Example:
tfoot $ span $ toHtml "foo"
Result:
<tfoot><span>foo</span></tfoot>
Combinator for the <th> element.
Example:
th $ span $ toHtml "foo"
Result:
<th><span>foo</span></th>
Combinator for the <thead> element.
Example:
thead $ span $ toHtml "foo"
Result:
<thead><span>foo</span></thead>
Combinator for the <time> element.
Example:
time $ span $ toHtml "foo"
Result:
<time><span>foo</span></time>
Combinator for the <title> element.
Example:
title $ span $ toHtml "foo"
Result:
<title><span>foo</span></title>
Combinator for the <tr> element.
Example:
tr $ span $ toHtml "foo"
Result:
<tr><span>foo</span></tr>
Arguments
| :: Html ev | Resulting HTML. |
Combinator for the <track /> element.
Example:
track
Result:
<track />
Combinator for the <ul> element.
Example:
ul $ span $ toHtml "foo"
Result:
<ul><span>foo</span></ul>
Combinator for the <var> element.
Example:
var $ span $ toHtml "foo"
Result:
<var><span>foo</span></var>
Combinator for the <video> element.
Example:
video $ span $ toHtml "foo"
Result:
<video><span>foo</span></video>