code-srv-test/dita-ot-3.6/docsrc/topics/dita2html5.dita
2021-03-23 22:38:58 +00:00

47 lines
2.2 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<!-- This file is part of the DITA Open Toolkit project. See the accompanying LICENSE file for applicable license. -->
<concept id="dita2html5" xml:lang="en">
<title>HTML5</title>
<shortdesc>The <option>html5</option> transformation generates HTML5 output and a table of contents (TOC)
file.</shortdesc>
<prolog>
<metadata>
<keywords>
<indexterm><xmlelement>nav</xmlelement></indexterm>
<indexterm>languages
<indexterm>right-to-left</indexterm></indexterm>
<indexterm>HTML
<index-see-also>HTML5</index-see-also></indexterm>
<indexterm>HTML5
<index-see-also>transformations</index-see-also></indexterm>
<indexterm>transformations
<indexterm>HTML5</indexterm></indexterm>
<indexterm>plug-ins
<indexterm>dita2html5</indexterm></indexterm>
<indexterm>dita2html5</indexterm>
<indexterm>CSS
<indexterm>HTML5</indexterm></indexterm>
<indexterm>HTML5
<indexterm>CSS</indexterm></indexterm>
<indexterm>table of contents
<indexterm>HTML5</indexterm></indexterm>
</keywords>
</metadata>
</prolog>
<conbody>
<p>The HTML5 output is always associated with the default DITA-OT CSS file (<filepath>commonltr.css</filepath> or
<filepath>commonrtl.css</filepath> for right-to-left languages). You can use toolkit parameters to add a custom
style sheet that overrides the default styles, or generate a <xmlelement>nav</xmlelement> element with a
navigation TOC in topic pages.</p>
<p>To run the HTML5 transformation, set the <parmname>transtype</parmname> parameter to <option>html5</option>, or
pass the <parmname>--format</parmname>=<option>html5</option> option to the <cmdname>dita</cmdname> command
line.</p>
<codeblock><filepath conkeyref="conref-task/dita-cmd"/> <parmname>--input</parmname>=<varname
>input-file</varname> <parmname>--format</parmname>=<option>html5</option></codeblock>
<p>where:</p>
<ul>
<li conkeyref="conref-task/novice-variables"/>
</ul>
</conbody>
</concept>