Web-output van DITA-elementen
Deze topic toont hoe een aantal DITA-elementen eruitzien in de xhtml-output. Standaard opmaak is voorzien maar bijkomende effecten zijn mogelijk met CSS.
| DITA element | xhtml element generated by OT | sample xhtml output with default styling | xhtml output with customised styling |
|---|---|---|---|
| codeph | samp (sample output) with class codeph | This is codeph inline styling with class codeph | |
| varname | var with class varname | This is varname inline styling with class varname | |
| parmname | span with class parmname | This is parmname inline styling with class parmname | |
| term | dfn with class term | This is term inline styling with class term. However, the element is italic by default and the class is not defined. | It is possible to style this differently with class term. |
| keyword | span with class keyword | The class keyword is not defined so no default styling | This is keyword inline styling with class keyword defined in custom CSS. |
| uicontrol | span with class uicontrol | This is uicontrol inline styling with span element with class uicontrol | This is uicontrol element with outputclass attribute keyboard added manually. Used to indicate Ctrl, Enter, Alt, etc. |
| filepath | span with class filepath | This is filepath inline c:\My Documents\Projects styling with span element with class filepath | |
| wintitle | span with class wintitle | This is wintitle inline styling with class wintitle | |
| ph | span without class | This is ph inline styling with span element but no class (so no default styling) | This is ph inline element with outputclass attribute italic added manually |
| menucascade | span with class menucascade | ||
| i | em | This is i inline styling output as em element so no class | |
| b | strong | This is b inline styling output as strong element so no class | |
| tt | tt | This is tt inline styling output as tt element so no class | |
| u | u (not in list of elements!) | This is u inline styling output as u element so no class | |
| sup | sup | This is 205m3 styling output as sup element so no class | |
| sub | sub | This is H20 styling output as sub element so no class | |
| pre | pre |
The line breaks of preformatted text are maintained in the output. |
|
| codeblock | pre | The element codeblock is also output as a pre element. |
Blokelementen
Hier volgt een korte lijst van interessante blokelementen. De meeste blokelementen kunnen niet in een tabel voorkomen, dus kijk naar de andere pagina's om voorbeelden te zien.
| DITA element | xhtml element generated by OT | sample xhtml output with default styling | xhtml output with customised styling |
|---|---|---|---|
| pre | pre |
The line breaks of preformatted text are maintained in the output. |
|
| codeblock | pre | The element codeblock is also output as a pre element. |
Opmerking: Kunnen blokelementen voorkomen in een tabel?
Hoofdonderwerp: Omtrent ...
