31.6.3 Customizing the CSS link tag

The generic CSS link tag DITA2Go inserts in your HTML output looks like this:

<link rel="stylesheet" href="MyStyles.css" type="text/css">

Suppose you want to specify additional properties for the CSS file, such as media type. First, you must prevent DITA2Go from writing the generic link tag:

[CSS]
WriteCssLink=No

To specify the link yourself, assign it to the <head> element:

[Inserts]
; You must type the following all on one line:
Head=<link rel="stylesheet" href="MyStyles.css" type="text/css" media="screen">

As an alternative, you could reference the link as a macro (see §37.1 Defining and invoking macros):

[Inserts]
Head=<$MyCSSLink>
[MyCSSLink]
<link rel="stylesheet" href="MyStyles.css" type="text/css" media="screen">

You could even go a step further, and provide a macro variable (see §37.3 Using macro variables) for the value of the attribute, so you can change the value in just one place:

[MyCSSLink]
<link rel="stylesheet" href="MyStyles.css" type="text/css" media="<$$MediaType>">
[MacroVariables]
MediaType=screen

Previous Topic:  31.6.2 Changing CSS files in the middle of a document

Next Topic:  31.6.4 Using an alternate CSS link tag for Netscape 4

Parent Topic:  31.6 Linking to alternate CSS files

Sibling Topics:

31.6.1 Selecting a CSS file at run time

31.6.2 Changing CSS files in the middle of a document

31.6.4 Using an alternate CSS link tag for Netscape 4