How to make html ignore code that is part of text?

[deko]

I need to include code snippets in my html document, something like this:

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
<appSettings>
<add key="ConnectionString" "Password=password;Persist Security
Info=True;User ID=newuser;Initial Catalog=catalog;Data Source=localhost" />
</appSettings>
</configuration>

If I try to put this in a regular document, I get errors... I've tried
enclosing it in <pre> tags, but that didn't help. How do I get this code
sample into a document?

Thanks

[Leif K-Brooks]

deko wrote:

I need to include code snippets in my html document, something like this:

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
<appSettings>
<add key="ConnectionString" "Password=password;Persist Security
Info=True;User ID=newuser;Initial Catalog=catalog;Data Source=localhost" />
</appSettings>
</configuration>

If I try to put this in a regular document, I get errors... I've tried
enclosing it in <pre> tags, but that didn't help. How do I get this code
sample into a document?

Change the less-than signs ("<") to "&lt;", the ampersands ("&") to
"&amp;", and the greater-than signs (">") to "&gt;".

[Mark Tranchant]

deko wrote:

I need to include code snippets in my html document

You need to use &lt; and &gt; instead of < and >.

See http://tranchant.plus.com/web/html-tutorial/characters

--
Mark.
http://tranchant.plus.com/

[deko]

> Change the less-than signs ("<") to "&lt;", the ampersands ("&") to

"&amp;", and the greater-than signs (">") to "&gt;".

Thanks!!

[deko]

> See http://tranchant.plus.com/web/html-tutorial/characters

very helpful link... thanks!

[Spartanicus]

"deko" <ww*******************************@nospam.com> wrote:

I need to include code snippets in my html document, something like this:

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
<appSettings>
<add key="ConnectionString" "Password=password;Persist Security
Info=True;User ID=newuser;Initial Catalog=catalog;Data Source=localhost" />
</appSettings>
</configuration>

If I try to put this in a regular document, I get errors... I've tried
enclosing it in <pre> tags, but that didn't help. How do I get this code
sample into a document?

Replace occurrences of < with &lt; , for consistency you might also
consider replacing > with &gt;

Then enclose it in:

<pre><code>
....
</code></pre>

markup.

--
Spartanicus

[deko]

> Replace occurrences of < with &lt; , for consistency you might also

consider replacing > with &gt;

Then enclose it in:

<pre><code>
...
</code></pre>

markup.

That did the trick:

<pre>
<code>
&lt?xml version="1.0" encoding="utf-8" ?&gt;
&ltconfiguration&gt
&ltappSettings&gt
&ltadd key="ConnectionString" "Password=password;Persist Security
Info=True;User ID=newuser;Initial Catalog=database;Data Source=localhost"
/&gt
&lt/appSettings&gt
&lt/configuration&gt
</code>
</pre>

looks great... thanks

[Jukka K. Korpela]

"deko" <ww*******************************@nospam.com> wrote:

Replace occurrences of < with &lt; , for consistency you might also
consider replacing > with &gt;

Then enclose it in:

<pre><code>
...
</code></pre>

markup.
That did the trick:

Consider that an illusion.
<pre>
<code>
&lt?xml version="1.0" encoding="utf-8" ?&gt;
&ltconfiguration&gt
&ltappSettings&gt
&ltadd key="ConnectionString" "Password=password;Persist Security
Info=True;User ID=newuser;Initial Catalog=database;Data
Source=localhost" /&gt
&lt/appSettings&gt
&lt/configuration&gt
</code>
</pre>

You are not using the semicolon as instructed. Terminating entity
references with semicolon has always been good practice in HTML, and in
XHTML it is obligatory - an XHTML conformant browser is _required_ to
choke on your usage. Besides, e.g. &ltadd is invalid in good old HTML
too, and is to be treated as an undefined entity reference.

As a minor detail, it is a bit safer to write

<pre><code>&lt;?xml version="1.0" ...
...
&lt;/configuration&gt;</code></pre>

i.e. to have no line breaks after <pre> and <code> tags or before </code>
or </pre> tags. The reason is that many browsers get the relevant parsing
rules wrong and may understand the situation so that there is an empty
line at the start of the <pre> element and at the end of it. You might
see this if you set a background color or a border for the <pre> element.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

[Lars Eighner]

In our last episode,
<dA******************@newssvr29.news.prodigy.com >,
the lovely and talented deko
broadcast on comp.infosystems.www.authoring.html:

I need to include code snippets in my html document, something like this: <?xml version="1.0" encoding="utf-8" ?>
<configuration>
<appSettings>
<add key="ConnectionString" "Password=password;Persist Security
Info=True;User ID=newuser;Initial Catalog=catalog;Data Source=localhost" />
</appSettings>
</configuration> If I try to put this in a regular document, I get errors... I've tried
enclosing it in <pre> tags, but that didn't help. How do I get this code
sample into a document?

Change < to &lt; and > to &gt;


--
Lars Eighner -finger for geek code- ei*****@io.com http://www.io.com/~eighner/
If it wasn't for muscle spasms, I wouldn't get any exercise at all.

[L�ʻie Techie]

On Tue, 07 Sep 2004 07:38:49 +0000, deko wrote:

I need to include code snippets in my html document, something like this:

<?xml version="1.0" encoding="utf-8" ?> <configuration>
<appSettings>
<add key="ConnectionString" "Password=password;Persist Security
Info=True;User ID=newuser;Initial Catalog=catalog;Data Source=localhost"
/>
</appSettings>
</configuration>

If I try to put this in a regular document, I get errors...
What kind of errors? when? Do you mean it no longer validates as strict
HTML 4 or XHTML?
I've tried enclosing it in <pre> tags, but that didn't help. How do I
get this code sample into a document?

To display code snippets, encode the angle brackets and singe and double
quotes. Formatting can be improved by wrapping it with "<pre><code>"
(<pre> to preserve white space, <code> to use a monospace font).

HTH,
La'ie Techie

[Mark Parnell]

On Wed, 08 Sep 2004 01:10:24 -0600, L�ʻie Techie
<laie@win_remove_get_nospam_solutions.com> declared in
comp.infosystems.www.authoring.html:

(<pre> to preserve white space, <code> to use a monospace font).

That depends on the browser, the CSS and the user's settings (not
necessarily in that order).

pre { font-family: monospace; }
code { font-family: serif; }

--
Mark Parnell
http://www.clarkecomputers.com.au

[Spartanicus]

L??ie Techie <laie@win_remove_get_nospam_solutions.com> wrote:

<code> to use a monospace font).

Use <code> to markup code, not for presentational purposes.

--
Spartanicus

[Jan Roland Eriksson]

On Tue, 07 Sep 2004 09:15:18 +0100, Spartanicus <[e-mail]> wrote:

"deko" <ww*******************************@nospam.com> wrote:

I need to include code snippets in my html document...

[...]
Replace occurrences of < with &lt; , for consistency you might also
consider replacing > with &gt; Then enclose it in:

<pre><code>
...
</code></pre>

It seems more correct to me to use the following markup

<code>
<pre>...</pre>
</code>

where the '...' sequence represents the exact preformatted code element
content, with entity references included where required.

After all the OP asked for how to include a CODE section in a way that
it would be rendered as an example of markup.

The 'CODE' element has a semantic definition attached to it and should
thus be at the major level of markup in relation to 'PRE'.

A 'PRE' element has no specific semantics attached to it, and it is in
my eyes only presentational. It should as such only be involved at the
end of any branch in a parse tree.

--
Rex

[Steve Pugh]

Jan Roland Eriksson <jr****@newsguy.com> wrote:

On Tue, 07 Sep 2004 09:15:18 +0100, Spartanicus <[e-mail]> wrote:

"deko" <ww*******************************@nospam.com> wrote:

I need to include code snippets in my html document...
<pre><code>
...
</code></pre>

It seems more correct to me to use the following markup

<code>
<pre>...</pre>
</code>

Shame it isn't valid. :-/
The 'CODE' element has a semantic definition attached to it and should
thus be at the major level of markup in relation to 'PRE'.
Unfortunately code is an inline element ...
A 'PRE' element has no specific semantics attached to it, and it is in
my eyes only presentational. It should as such only be involved at the
end of any branch in a parse tree.

.... and pre is a block element.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Neal]

On Wed, 08 Sep 2004 01:10:24 -0600, L�ʻie Techie
<laie@win_remove_get_nospam_solutions.com> wrote:

To display code snippets, encode the angle brackets and singe and double
quotes. Formatting can be improved by wrapping it with "<pre><code>"
(<pre> to preserve white space, <code> to use a monospace font).

pre = block level element which preserves white space. Many browsers'
default rendering is monospace.

code = inline element which semantically defines an example of code. Many
browsers' default rendering is monospace.

Neither should be chosen to force a monospace font. CSS (selector
{font-family: monospace;}) should be used for that purpose.

[Neal]

On Wed, 08 Sep 2004 16:29:01 -0400, Neal <ne*****@yahoo.com> wrote:

Neither (pre or code) should be chosen to force a monospace font. CSS
(selector {font-family: monospace;}) should be used for that purpose.

And of course, user CSS or a no-CSS UA can make that suggestion moot...

[Spartanicus]

Neal <ne*****@yahoo.com> wrote:

force

Who's a naughty boy then? ;-)

--
Spartanicus

[Jan Roland Eriksson]

On Wed, 08 Sep 2004 21:22:15 +0100, Steve Pugh <st***@pugh.net> wrote:

Jan Roland Eriksson <jr****@newsguy.com> wrote:

[...]

It seems more correct to me to use the following markup
<code>
<pre>...</pre>
</code>

Shame it isn't valid. :-/

Yes I know that, sadly I stopped writing before I had indicated whatever
implications that was attached to my line of thought.

I still stand for my line of thinking as described though. PRE is
presentational and should in reality have been defined as an "inline
element.

--
Rex

[Neal]

On Thu, 09 Sep 2004 00:37:53 +0100, Spartanicus <[e-mail]> wrote:

Neal <ne*****@yahoo.com> wrote:

force

Who's a naughty boy then? ;-)

Sorry, it just happened! I promise I won't do it again!

(No, my girlfriend didn't buy it either...)