|
|
 | Kodegengivelse i HTML/CSS
Fra : Kurt Hansen |
Dato : 28-04-11 18:23 |
|
Jeg vil gengive koden for en basisskabelon for et HTML-dokument,
f.eks.:
- - -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="da"
lang="da">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href=".css"
media="screen" />
</head>
<body>
</body>
</html>
- - -
Jeg har forsøgt at pakke det ind i <pre> og <code>, men kodeteksten
bliver ikke vist. Det bliver godt nok sat plads af, men teksten er
usynlig.
Jeg har prøvet at forsyne mit dokument med:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
- i stedet for XHTML, da jeg tænkte at <pre> og <code> måske ikke er
salonfähig mere, men det ændrer intet.
--
Venlig hilsen
Kurt Hansen
Der er kun én ting der er værre end mandschauvinister og det er kællinger, der ikke gør som der bliver sagt !
| |
 Birger Sørensen (28-04-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 28-04-11 18:54 |
|
Kurt Hansen forklarede den 28-04-2011:
> Jeg vil gengive koden for en basisskabelon for et HTML-dokument,
> f.eks.:
>
> - - -
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> <html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="da"
> lang="da">
> <head>
> <title></title>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1" />
> <meta http-equiv="Content-Style-Type" content="text/css" />
> <link rel="stylesheet" type="text/css" href=".css"
> media="screen" />
> </head>
>
> <body>
>
> </body>
> </html>
> - - -
>
> Jeg har forsøgt at pakke det ind i <pre> og <code>, men kodeteksten
> bliver ikke vist. Det bliver godt nok sat plads af, men teksten er
> usynlig.
>
> Jeg har prøvet at forsyne mit dokument med:
>
> <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> - i stedet for XHTML, da jeg tænkte at <pre> og <code> måske ikke er
> salonfähig mere, men det ændrer intet.
Der følger vel en stribe valideringsfejl med?
erstat < med < og > med > i din kildekode.
<pre> er til formatteret tekst; whitespace ( tab, flere mellemrum efter
hinanden, mellemrum før og efter tekst) bibeholdes og der skiftes ikke
automatisk linie.
<code> er til "computer code". HTML eller XHTML er ikke computer kode,
men markup af tekst.
Ingen af dem er deprecated - og som tidligere omtalt, er der ingen
funktionel forskel på HTML4.01 og XHTML1.X - det der findes i den ene,
findes også i den anden.
Den simpleste måde at vise HTML kode, er i et tekstarea. Man kan evt.
sætte readonly og ændre udseendet med CSS. Det er også den nemmeste
måde hvis indholdet skal kunne kopieres.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Karl Erik Christense~ (28-04-2011)
| Kommentar
Fra : Karl Erik Christense~ |
Dato : 28-04-11 19:07 |
| | |
 Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 05:46 |
|
Thu, 28 Apr 2011 20:06:37 +0200 skrev Karl Erik Christensen:
>On 28-04-2011 19:54, Birger Sørensen wrote:
>
>> Der følger vel en stribe valideringsfejl med?
>> erstat < med < og > med > i din kildekode.
>
>> Birger
>Vi får vel 10 point hver? 
Hvorfor ikke 100? Jeg er skam ikke fedtet.
Når I har samlet 25.000 point, kan I vælge mellem en røreskål i
slagfast plast eller et sæt sædeovertræk i plyds til en Leopard II,
ausführung 3.
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 05:38 |
|
Thu, 28 Apr 2011 19:54:11 +0200 skrev Birger Sørensen:
>Kurt Hansen forklarede den 28-04-2011:
>> Jeg vil gengive koden for en basisskabelon for et HTML-dokument,
>> f.eks.:
>>
>> - - -
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>> " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>>
>> <html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="da"
>> lang="da">
>> <head>
>> <title></title>
>> <meta http-equiv="Content-Type" content="text/html;
>> charset=iso-8859-1" />
>> <meta http-equiv="Content-Style-Type" content="text/css" />
>> <link rel="stylesheet" type="text/css" href=".css"
>> media="screen" />
>> </head>
>>
>> <body>
>>
>> </body>
>> </html>
>> - - -
>>
>> Jeg har forsøgt at pakke det ind i <pre> og <code>, men kodeteksten
>> bliver ikke vist. Det bliver godt nok sat plads af, men teksten er
>> usynlig.
>>
>> Jeg har prøvet at forsyne mit dokument med:
>>
>> <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
>>
>> - i stedet for XHTML, da jeg tænkte at <pre> og <code> måske ikke er
>> salonfähig mere, men det ændrer intet.
>Der følger vel en stribe valideringsfejl med?
Det kommer an på hvilken DOCTYPE jeg anvender. 4.01 giver mange fejl
og advarsler, mens XHTML giver to advarsler og to fejl.
Advarslerne forstår jeg ikke en brik af:
Line 9, Column 8: no status keyword
/* <![[CDATA[ */
Det to fejl refererer til den kode jeg vil gengive:
"DOCTYPE" declaration not allowed in instance
document type does not allow element "html" here
- og det er jo sikkert rigtig nok, selv om jeg mangler viden for at
forstå det.
>erstat < med < og > med > i din kildekode.
Altså den kildekode der skal gengives? Aha, javel ... det havde jeg
aldrig regnet ud. Hvor ved du/man sådan noget fra? Hvor kan jeg læse
om det?
>Den simpleste måde at vise HTML kode, er i et tekstarea. Man kan evt.
>sætte readonly og ændre udseendet med CSS. Det er også den nemmeste
>måde hvis indholdet skal kunne kopieres.
Tamam, det prøver jeg.
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Bertel Lund Hansen (29-04-2011)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 29-04-11 06:31 |
|
Kurt Hansen skrev:
>>erstat < med < og > med > i din kildekode.
> Altså den kildekode der skal gengives? Aha, javel ... det havde jeg
> aldrig regnet ud. Hvor ved du/man sådan noget fra?
Det fortaber sig i fortidens tåger. <, > og & må ikke bruges i
almindelig tekst i HTML fordi de tegn har en speciel betydning.
Nogen tror at også anførselstegn skal kodes, men det er ikke
nødvendigt.
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
Andreas Andersen (29-04-2011)
| Kommentar
Fra : Andreas Andersen |
Dato : 29-04-11 07:15 |
|
Den 29-04-2011 06:38, Kurt Hansen skrev:
> Altså den kildekode der skal gengives? Aha, javel ... det havde jeg
> aldrig regnet ud. Hvor ved du/man sådan noget fra? Hvor kan jeg læse
> om det?
Det er ligesom, når man escaper " med \" i strenge i mange
programmeringssprog. Det ville f.eks. være svært for HTML-parseren at få
mening ud af nedenstående eksempel:
<pre>
</pre>
</pre>
I XML kan man i øvrigt bruge:
<sometag><![CDATA[ bla bla <sometag>XML-ting, der ikke bliver
parset</sometag> ]]></sometag>
--
Andreas
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 07:45 |
|
Fri, 29 Apr 2011 08:14:57 +0200 skrev Andreas Andersen:
>Den 29-04-2011 06:38, Kurt Hansen skrev:
>> Altså den kildekode der skal gengives? Aha, javel ... det havde jeg
>> aldrig regnet ud. Hvor ved du/man sådan noget fra? Hvor kan jeg læse
>> om det?
>
>Det er ligesom, når man escaper " med \" i strenge i mange
>programmeringssprog. Det ville f.eks. være svært for HTML-parseren at få
>mening ud af nedenstående eksempel:
>
><pre>
></pre>
></pre>
Det er vel også ret meningsløst, er det ikke?
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Andreas Andersen (29-04-2011)
| Kommentar
Fra : Andreas Andersen |
Dato : 29-04-11 07:57 |
|
Den 29-04-2011 08:44, Kurt Hansen skrev:
> Fri, 29 Apr 2011 08:14:57 +0200 skrev Andreas Andersen:
>
>> Den 29-04-2011 06:38, Kurt Hansen skrev:
>>> Altså den kildekode der skal gengives? Aha, javel ... det havde jeg
>>> aldrig regnet ud. Hvor ved du/man sådan noget fra? Hvor kan jeg læse
>>> om det?
>>
>> Det er ligesom, når man escaper " med \" i strenge i mange
>> programmeringssprog. Det ville f.eks. være svært for HTML-parseren at få
>> mening ud af nedenstående eksempel:
>>
>> <pre>
>> </pre>
>> </pre>
>
> Det er vel også ret meningsløst, er det ikke?
Næh. Det du vil have er:
<pre>
Noget HTML-kode, som HTML-fortolkeren skal ignorere.
</pre>
F.eks.:
<p>
Man starter en kodeblok på følgende vis:
</p>
<pre>
<pre>
</pre>
<p>
og afslutter den således:
</p>
<pre>
</pre>
</pre>
--
Andreas
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 08:40 |
|
Fri, 29 Apr 2011 08:57:09 +0200 skrev Andreas Andersen:
>Den 29-04-2011 08:44, Kurt Hansen skrev:
>> Fri, 29 Apr 2011 08:14:57 +0200 skrev Andreas Andersen:
>>
>>> Den 29-04-2011 06:38, Kurt Hansen skrev:
>>>> Altså den kildekode der skal gengives? Aha, javel ... det havde jeg
>>>> aldrig regnet ud. Hvor ved du/man sådan noget fra? Hvor kan jeg læse
>>>> om det?
>>>
>>> Det er ligesom, når man escaper " med \" i strenge i mange
>>> programmeringssprog. Det ville f.eks. være svært for HTML-parseren at få
>>> mening ud af nedenstående eksempel:
>>>
>>> <pre>
>>> </pre>
>>> </pre>
>>
>> Det er vel også ret meningsløst, er det ikke?
>Næh. Det du vil have er:
>
><pre>
>Noget HTML-kode, som HTML-fortolkeren skal ignorere.
></pre>
>
>F.eks.:
>
><p>
>Man starter en kodeblok på følgende vis:
></p>
>
><pre>
><pre>
></pre>
>
><p>
>og afslutter den således:
></p>
>
><pre>
></pre>
></pre>
Hvis jeg fjerner linjeskiftene, ser det således ud:
<pre><pre></pre><p>og afslutter den således:</p><pre></pre></pre>
Det ligner forkert indlejring, med mindre meningen er, at du sætter
pre-begynd og pre-afslut om selve pre-markørerne. Hvis det virkede
(hvilket det ikke gør), skulle <pre> og </pre> jo blive vist i
outputtet:
<pre>og afslutter den således:</pre>
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Andreas Andersen (29-04-2011)
| Kommentar
Fra : Andreas Andersen |
Dato : 29-04-11 08:50 |
|
Den 29-04-2011 09:39, Kurt Hansen skrev:
> Hvis jeg fjerner linjeskiftene, ser det således ud:
>
> <pre><pre></pre><p>og afslutter den således:</p><pre></pre></pre>
>
> Det ligner forkert indlejring, med mindre meningen er, at du sætter
> pre-begynd og pre-afslut om selve pre-markørerne. Hvis det virkede
> (hvilket det ikke gør), skulle<pre> og</pre> jo blive vist i
> outputtet:
>
> <pre>og afslutter den således:</pre>
Du misforstår. HTML-fortolkeren skal ignorere det, der står imellem
<pre> og </pre>.
Det min HTML skal give i browseren er:
"Man starter en kodeblok på følgende vis:
<pre>
og afslutter den således:
</pre>"
hvor <pre> og </pre> er formateret af <pre></pre>. Det du skriver
imellem <pre> og </pre> vil du ikke have til at være en del af din HTML,
du vil bare have det til at være tekst. Det er derfor, du skal escape.
--
Andreas
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 10:05 |
|
Fri, 29 Apr 2011 09:49:39 +0200 skrev Andreas Andersen:
>Den 29-04-2011 09:39, Kurt Hansen skrev:
>> Hvis jeg fjerner linjeskiftene, ser det således ud:
>>
>> <pre><pre></pre><p>og afslutter den således:</p><pre></pre></pre>
>>
>> Det ligner forkert indlejring, med mindre meningen er, at du sætter
>> pre-begynd og pre-afslut om selve pre-markørerne. Hvis det virkede
>> (hvilket det ikke gør), skulle<pre> og</pre> jo blive vist i
>> outputtet:
>>
>> <pre>og afslutter den således:</pre>
>Du misforstår
Den slags udmeldinger skal man være forsigtig med. Det KUNNE jo også
tænkes, at budskabet er uklart formuleret 
> HTML-fortolkeren skal ignorere det, der står imellem
> <pre> og </pre>.
Så langt er vi enige.
>Det min HTML skal give i browseren er:
>
>"Man starter en kodeblok på følgende vis:
>
><pre>
>
>og afslutter den således:
>
></pre>"
Jamen det gør den jo netop ikke. Har du afprøvet det? Pre'erne bliver
ikke vist i brovseren!
>hvor <pre> og </pre> er formateret af <pre></pre>. Det du skriver
>imellem <pre> og </pre> vil du ikke have til at være en del af din HTML,
>du vil bare have det til at være tekst. Det er derfor, du skal escape.
Yes, det blev vi jo enige om længere oppe, men lad os skrived ved, når
du har haft lejlighed til at teste hjemme hos dig selv
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Andreas Andersen (29-04-2011)
| Kommentar
Fra : Andreas Andersen |
Dato : 29-04-11 10:21 |
|
Den 29-04-2011 11:04, Kurt Hansen skrev:
> Fri, 29 Apr 2011 09:49:39 +0200 skrev Andreas Andersen:
>> Du misforstår
>
> Den slags udmeldinger skal man være forsigtig med. Det KUNNE jo også
> tænkes, at budskabet er uklart formuleret
Du misforstod, men det kan selvfølgelig være min skyld, at du gjorde det.
>> HTML-fortolkeren skal ignorere det, der står imellem
>> <pre> og</pre>.
>
> Så langt er vi enige.
>
>> Det min HTML skal give i browseren er:
>>
>> "Man starter en kodeblok på følgende vis:
>>
>> <pre>
>>
>> og afslutter den således:
>>
>> </pre>"
>
> Jamen det gør den jo netop ikke. Har du afprøvet det? Pre'erne bliver
> ikke vist i brovseren!
Nej, det gør de netop ikke, fordi jeg ikke brugte escaping, det var hele
min pointe. Jeg forsøgte at give et simpelt eksempel på, hvorfor det er
nødvendigt med escaping. Uden escaping giver den kode jeg angav som
eksempel ingen mening, fordi det ikke er valid HTML. Når man escaper
bliver det selvfølgelig.
<pre>
<pre>
</pre>
<pre>
</pre/gt;
</pre>
--
Andreas
| |
Birger Sørensen (29-04-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 29-04-11 10:26 |
|
Andreas Andersen kom med denne ide:
> <pre>
> <pre>
> </pre>
>
> <pre>
> </pre/gt;
> </pre>
<pre>
<pre>
</pre>
<pre>
</pre>
</pre>
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 11:03 |
|
Fri, 29 Apr 2011 11:21:13 +0200 skrev Andreas Andersen:
>Den 29-04-2011 11:04, Kurt Hansen skrev:
>> Fri, 29 Apr 2011 09:49:39 +0200 skrev Andreas Andersen:
>>> Du misforstår
>>
>> Den slags udmeldinger skal man være forsigtig med. Det KUNNE jo også
>> tænkes, at budskabet er uklart formuleret
>
>Du misforstod, men det kan selvfølgelig være min skyld, at du gjorde det.
>
>>> HTML-fortolkeren skal ignorere det, der står imellem
>>> <pre> og</pre>.
>>
>> Så langt er vi enige.
>>
>>> Det min HTML skal give i browseren er:
>>>
>>> "Man starter en kodeblok på følgende vis:
>>>
>>> <pre>
>>>
>>> og afslutter den således:
>>>
>>> </pre>"
>>
>> Jamen det gør den jo netop ikke. Har du afprøvet det? Pre'erne bliver
>> ikke vist i brovseren!
>
>Nej, det gør de netop ikke, fordi jeg ikke brugte escaping, det var hele
>min pointe. Jeg forsøgte at give et simpelt eksempel på, hvorfor det er
>nødvendigt med escaping. Uden escaping giver den kode jeg angav som
>eksempel ingen mening, fordi det ikke er valid HTML. Når man escaper
>bliver det selvfølgelig.
Aha, så forstår jeg. Jeg smed bare din kode ind i browseren. Når jeg
nu ruller tråden tilbage, kan jeg godt se din pointe. Det var altså en
slags anti-eksempel. Lusket, men uangibeligt korrekt - lige bortset
fra den lille kixer, som Birger straks spottede
Øv, nu troede jeg ellers lige, at jeg, for første gang i denne gruppe,
var den klogeste og den søde smag af triumf havde allerede styrket min
selvtillid betragteligt. Højt at flyve, dybt at falde
Helt nede i kulkælderen er jeg dog ikke. Man lærer jo også af at tage
fejl. Lige nu går det gadagung-gadagung med at læse Jørgen Farum
Jensens bog "Webdesign med stylesheets". Summen af min hidtidige
uvidenhed er åbenbart uendelig, må jeg konstatere.
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Birger Sørensen (29-04-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 29-04-11 11:08 |
|
Kurt Hansen har bragt dette til os:
> Helt nede i kulkælderen er jeg dog ikke. Man lærer jo også af at tage
> fejl. Lige nu går det gadagung-gadagung med at læse Jørgen Farum
> Jensens bog "Webdesign med stylesheets". Summen af min hidtidige
> uvidenhed er åbenbart uendelig, må jeg konstatere.
De eneste rigtige fjolser der findes, er dem der ikke lærer af sine
fejl.
Det værste ved at studere er, at jo mere man lærer, jo mere opdager man
at man ikke ved...
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Karl Erik Christense~ (29-04-2011)
| Kommentar
Fra : Karl Erik Christense~ |
Dato : 29-04-11 07:20 |
| | |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 07:43 |
|
Fri, 29 Apr 2011 08:19:40 +0200 skrev Karl Erik Christensen:
>On 29-04-2011 06:38, Kurt Hansen wrote:
>
>> Altså den kildekode der skal gengives? Aha, javel ... det havde jeg
>> aldrig regnet ud. Hvor ved du/man sådan noget fra? Hvor kan jeg læse
>> om det?
>> Tamam, det prøver jeg.
>
>Selv om Wordpress er noget værre juks (hej John ), kan man somme
>tider blive klogere, bare ved at læse noget man ikke forstår
>
> http://codex.wordpress.org/Writing_Code_in_Your_Posts
Fint link. Det bekræfter mit valg af <pre>.
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Birger Sørensen (29-04-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 29-04-11 10:50 |
|
Kurt Hansen:
8X
> Det kommer an på hvilken DOCTYPE jeg anvender. 4.01 giver mange fejl
> og advarsler, mens XHTML giver to advarsler og to fejl.
Det er ikke nok at skifte doctype, for at skifte mellem HTML og XHTML.
Syntaxen er anderledes, og man skal som minimum sætte/fjerne
afslutningstag, på de tag der ikke tillader afslutningstag i HTML.
> Advarslerne forstår jeg ikke en brik af:
>
> Line 9, Column 8: no status keyword
> /* <![[CDATA[ */
>
> Det to fejl refererer til den kode jeg vil gengive:
> "DOCTYPE" declaration not allowed in instance
> document type does not allow element "html" here
>
> - og det er jo sikkert rigtig nok, selv om jeg mangler viden for at
> forstå det.
Der mangler vi andre nok kildekoden, for at kunne se hvad der går galt.
>> erstat < med < og > med > i din kildekode.
>
> Altså den kildekode der skal gengives? Aha, javel ... det havde jeg
> aldrig regnet ud. Hvor ved du/man sådan noget fra? Hvor kan jeg læse
> om det?
< > og & har altid været ulovlige i tekst i HTML.
< og > fordi de bruges til at definere tags, & fordi den bruges som
starttegn til entities.
Hvis man bruger " eller ' i attrubut navne, og ikke kan kombinere sig
ud af at skelne mellem hvad der er indpakning og hvad der er tekst,
skal de også erstattes af entities.
Mener nu at det er en vældig god ide at holde sig fra den slags, hvis
muligt. Der er rigeligt af andet at blive forvirret af. Men der kan
være tilfælde...
<img ... title=""e;skrub a'"e; sagde han">
Hvor .. er et rigtigt godt spørgsmål...
http://www.w3.org/TR/html401/charset.html#idx-characters
er nok det nærmeste, sådan lige på stående fod...
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 11:12 |
|
Fri, 29 Apr 2011 11:49:36 +0200 skrev Birger Sørensen:
>Kurt Hansen:
>8X
>> Det kommer an på hvilken DOCTYPE jeg anvender. 4.01 giver mange fejl
>> og advarsler, mens XHTML giver to advarsler og to fejl.
>
>Det er ikke nok at skifte doctype, for at skifte mellem HTML og XHTML.
>Syntaxen er anderledes, og man skal som minimum sætte/fjerne
>afslutningstag, på de tag der ikke tillader afslutningstag i HTML.
>
>> Advarslerne forstår jeg ikke en brik af:
>>
>> Line 9, Column 8: no status keyword
>> /* <![[CDATA[ */
>>
>> Det to fejl refererer til den kode jeg vil gengive:
>> "DOCTYPE" declaration not allowed in instance
>> document type does not allow element "html" here
>>
>> - og det er jo sikkert rigtig nok, selv om jeg mangler viden for at
>> forstå det.
>
>Der mangler vi andre nok kildekoden, for at kunne se hvad der går galt.
Ok, weitermachen! Ikke dvæle mere ved det; jeg er allerede i gang med
3. eller 4. generation af koden
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Karl Erik Christense~ (28-04-2011)
| Kommentar
Fra : Karl Erik Christense~ |
Dato : 28-04-11 19:01 |
|
On 28-04-2011 19:22, Kurt Hansen wrote:
> Jeg vil gengive koden for en basisskabelon for et HTML-dokument,
> f.eks.:
>
> - - -
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> <html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="da"
> lang="da">
> <head>
> <title></title>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1" />
> <meta http-equiv="Content-Style-Type" content="text/css" />
> <link rel="stylesheet" type="text/css" href=".css"
> media="screen" />
> </head>
>
> <body>
>
> </body>
> </html>
> - - -
>
> Jeg har forsøgt at pakke det ind i<pre> og<code>, men kodeteksten
> bliver ikke vist. Det bliver godt nok sat plads af, men teksten er
> usynlig.
>
> Jeg har prøvet at forsyne mit dokument med:
>
> <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> - i stedet for XHTML, da jeg tænkte at<pre> og<code> måske ikke er
> salonfähig mere, men det ændrer intet.
Du kan ikke bruge <code></code> til html-kode. <code> er beregnet til
computer-kode, feks. <code>index.php</code>.
Hvis du vil vise html-kode skal du udskifte < med < og > med >
Karl Erik.
--
http://dmwebdesign.dk - DM i Webdesign
http://ranunkelvej.com/b&o/ - Reparation af B&O Red Line højttalere
http://webdesign.ranunkelvej.com - Artikler om webdesign
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 06:35 |
|
Thu, 28 Apr 2011 19:22:43 +0200 skrev Kurt Hansen:
>Jeg vil gengive koden for en basisskabelon for et HTML-dokument,
>f.eks.:
>
>- - -
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
[bla, bla, bla]
>
>Jeg har forsøgt at pakke det ind i <pre> og <code>, men kodeteksten
>bliver ikke vist. Det bliver godt nok sat plads af, men teksten er
>usynlig.
<pre> virker skam udmærket:
http://www.danacord.dk/test/index.html
Kommentarer, såvel til løsningen som til den gengivne basisskabelon,
er velkomne.
I får lige 100 point mere hver
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
scootergrisen (29-04-2011)
| Kommentar
Fra : scootergrisen |
Dato : 29-04-11 04:53 |
|
> Jeg vil gengive koden for en basisskabelon for et HTML-dokument,
> Jeg har forsøgt at pakke det ind i <pre> og <code>, men kodeteksten
> bliver ikke vist. Det bliver godt nok sat plads af, men teksten er
> usynlig.
Så længe du bruge < og > så vil det blive betragtet som HTML kode der
skal renderes af browseren.
Så alle < skal laves om til <
Og alle > skal laves om til >
Så skulle du gerne kunne få vise koden.
Jeg vil ikke anbefale dig at bruge <pre> </pre> til at opstille koden
fordi hvad når koden er meget bred som HTML kode jo typisk er så kan
det komme til at se forkert ud på din hjemmeside.
Jeg har gjort det at jeg har puttet koden ind i en <div> </div> også
har jeg i CSS gjort så der kommer en scrollbar hvis koden er for bred.
Du kan se det her og selv undersøge koden.
http://scootergrisen.dk/htmlgrisen/kode_skabelon.php
Jeg bruger PHP og syntax highlighter koden med forskellige farver.
Hvis du har adgang til PHP kan du gøre det derigennem. Så kan du i PHP
erstatte alle < og > sådan at du ikke skal gøre det manualt.
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 12:25 |
|
Fri, 29 Apr 2011 03:52:44 -0700 (PDT) skrev scootergrisen:
>> Jeg vil gengive koden for en basisskabelon for et HTML-dokument,
>
>> Jeg har forsøgt at pakke det ind i <pre> og <code>, men kodeteksten
>> bliver ikke vist. Det bliver godt nok sat plads af, men teksten er
>> usynlig.
>
>Så længe du bruge < og > så vil det blive betragtet som HTML kode der
>skal renderes af browseren.
>Så alle < skal laves om til <
>Og alle > skal laves om til >
>Så skulle du gerne kunne få vise koden.
>
>Jeg vil ikke anbefale dig at bruge <pre> </pre> til at opstille koden
>fordi hvad når koden er meget bred som HTML kode jo typisk er så kan
>det komme til at se forkert ud på din hjemmeside.
>
>Jeg har gjort det at jeg har puttet koden ind i en <div> </div> også
>har jeg i CSS gjort så der kommer en scrollbar hvis koden er for bred.
Det kan man da også style <pre> til:
pre {
font-size: 12px;
padding: 20px 20px 20px 40px;
margin: 0;
line-height: 20px;
background: url(pre_code_bg.gif) repeat-y left top;
overflow: auto;
overflow-Y: hidden; /* Skjuler lodret scrollbar lavet af IE */
}
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
Birger Sørensen (29-04-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 29-04-11 13:59 |
|
Følgende er skrevet af Kurt Hansen:
> Fri, 29 Apr 2011 03:52:44 -0700 (PDT) skrev scootergrisen:
>
>>> Jeg vil gengive koden for en basisskabelon for et HTML-dokument,
>>> Jeg har forsøgt at pakke det ind i <pre> og <code>, men kodeteksten
>>> bliver ikke vist. Det bliver godt nok sat plads af, men teksten er
>>> usynlig.
>>
>> Så længe du bruge < og > så vil det blive betragtet som HTML kode der
>> skal renderes af browseren.
>> Så alle < skal laves om til <
>> Og alle > skal laves om til >
>> Så skulle du gerne kunne få vise koden.
>>
>> Jeg vil ikke anbefale dig at bruge <pre> </pre> til at opstille koden
>> fordi hvad når koden er meget bred som HTML kode jo typisk er så kan
>> det komme til at se forkert ud på din hjemmeside.
>>
>> Jeg har gjort det at jeg har puttet koden ind i en <div> </div> også
>> har jeg i CSS gjort så der kommer en scrollbar hvis koden er for bred.
>
> Det kan man da også style <pre> til:
>
> pre {
> font-size: 12px;
> padding: 20px 20px 20px 40px;
> margin: 0;
> line-height: 20px;
> background: url(pre_code_bg.gif) repeat-y left top;
> overflow: auto;
> overflow-Y: hidden; /* Skjuler lodret scrollbar lavet af IE */
> }
På bbsorensen.dk, under Software, og både Editor og AJAX er der
kildekode vist i <textarea>.
(f.eks http://bbsorensen.dk/?men=Software/Editor/HTML)
Kildekoden til disse indeholder den rigtige kode - altså ikke nogen
erstatninger eller entities.
Den kildekode der vises (med HTML-validator i FF), har udskiftet
teksten med entities (også for danske karakterer).
Kopierer man koden fra disse <textarea>s, får man den rigtige kode,
altså med < og > - ikke med entities.
textarea'et finder selv ud af det med scrollbarerne, whitespace
(indrykninger, tabs og undertykkelse af linieskift) fungerer som i
<pre>, og den kopierede tekst er umidelbart anvendelig.
Hvorfor opfinde noget nyt, der gør det samme som noget der allerede
eksisterer?
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Andreas Andersen (29-04-2011)
| Kommentar
Fra : Andreas Andersen |
Dato : 29-04-11 14:07 |
|
Den 29-04-2011 14:59, Birger Sørensen skrev:
> På bbsorensen.dk, under Software, og både Editor og AJAX er der
> kildekode vist i <textarea>.
> (f.eks http://bbsorensen.dk/?men=Software/Editor/HTML)
> Kildekoden til disse indeholder den rigtige kode - altså ikke nogen
> erstatninger eller entities.
> Den kildekode der vises (med HTML-validator i FF), har udskiftet teksten
> med entities (også for danske karakterer).
> Kopierer man koden fra disse <textarea>s, får man den rigtige kode,
> altså med < og > - ikke med entities.
Jeg forstår ikke helt, om du mener, der er escapet eller ej. Følgende
HTML dur da ikke...
<textarea><html><body><textarea></textarea></body></html></textarea>
--
Andreas
| |
Birger Sørensen (29-04-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 29-04-11 14:34 |
|
Andreas Andersen udtrykte præcist:
> Den 29-04-2011 14:59, Birger Sørensen skrev:
>> På bbsorensen.dk, under Software, og både Editor og AJAX er der
>> kildekode vist i <textarea>.
>> (f.eks http://bbsorensen.dk/?men=Software/Editor/HTML)
>> Kildekoden til disse indeholder den rigtige kode - altså ikke nogen
>> erstatninger eller entities.
>> Den kildekode der vises (med HTML-validator i FF), har udskiftet teksten
>> med entities (også for danske karakterer).
>> Kopierer man koden fra disse <textarea>s, får man den rigtige kode,
>> altså med < og > - ikke med entities.
>
> Jeg forstår ikke helt, om du mener, der er escapet eller ej. Følgende HTML
> dur da ikke...
>
> <textarea><html><body><textarea></textarea></body></html></textarea>
Selvfølgelig kan man forvirre, ved at indsætte <texarea> i teksten ^^
<textarea><html><body><textarea></textarea></body></html></textarea>
virker
Et af eksemplerne fra siden ser sådan ud:
<textarea class="codedisp" rows="15" readonly wrap="off">
<div id="edit">
<div class="edtsel">
<img class="edtbut" src="images/ed_bold.gif" onclick="AddClick(
'edttxt', 0, '')" alt="Bold" title="Bold" />
<img class="edtbut" src="images/ed_ital.gif" onclick="AddClick(
'edttxt', 1, '')" alt="Italic" title="Italic" />
<img class="edtbut" src="images/ed_under.gif" onclick="AddClick(
'edttxt', 2, '')" alt="Understreg" title="Understreg" />
<span class="edtspace"></span>
<img class="edtbut" src="images/sm_sm.gif" onclick="AddClick(
'edttxt', 3, 'sm');" alt="Smile" title="Smil" />
<img class="edtbut" src="images/sm_sad.gif" onclick="AddClick(
'edttxt', 3, 'sad');" alt="Ked" title="Ked" />
<img class="edtbut" src="images/sm_bl.gif" onclick="AddClick(
'edttxt', 3, 'bl');" alt="Blink" title="Blink" />
<img class="edtbut" src="images/sm_kiss.gif" onclick="AddClick(
'edttxt', 3, 'kiss');" alt="Kys" title="Kys" />
<img class="edtbut" src="images/sm_loud.gif" onclick="AddClick(
'edttxt', 3, 'loud');" alt="Råb" title="Råb" />
</div>
<textarea id="edttxt" rows="8" cols="60" onkeydown="EdtKey(
'edttxt', event);">Editor</textarea><br />
</div>
</textarea>
- og det virker fint.
Det giver selvøfleglig nogle valideringsfejl. Men det er kun
validatoren der har problemer. Browserne parser ikke teksten i et
<textarea>.
Og jeg kan ikke se, at Kurts template ikke skulle kunne vises og
anvendes rigtigt.
Et alternativ til valideringsfejlene, kan være at tildele teksten til
<textarea>ets value i js.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Andreas Andersen (29-04-2011)
| Kommentar
Fra : Andreas Andersen |
Dato : 29-04-11 15:17 |
|
Den 29-04-2011 15:33, Birger Sørensen skrev:
> <textarea id="edttxt" rows="8" cols="60" onkeydown="EdtKey( 'edttxt',
> event);">Editor</textarea><br />
> </div>
> </textarea>
> - og det virker fint.
Det var lige det eksempel jeg kiggede på før, og var nysgerrig, fordi
jeg ikke umiddelbart kunne se kildekoden, men det forklarer det jo.
> Det giver selvøfleglig nogle valideringsfejl. Men det er kun validatoren
> der har problemer. Browserne parser ikke teksten i et <textarea>.
Jeg synes, det må være et tilfælde, hvor man godt kan tillade sig at
være ligeglad med validatoren. Jeg har selv brugt HTML i <textarea>
flere gange - specielt til redigering af tekst i redigeringsmoduler til
hjemmesider - og det er da bekvemt.
--
Andreas
| |
Birger Sørensen (29-04-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 29-04-11 16:12 |
|
Andreas Andersen har bragt dette til os:
> Det var lige det eksempel jeg kiggede på før, og var nysgerrig, fordi jeg
> ikke umiddelbart kunne se kildekoden, men det forklarer det jo.
bbsorensen.dk, bruger AJAX - der hentes kun nyt indhold, og siden
reloades ikke.
For at se kildekoden som den er, skal du se på kommunikationen - f.eks.
i Konsol i Firebug i FF.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Kurt Hansen (29-04-2011)
| Kommentar
Fra : Kurt Hansen |
Dato : 29-04-11 15:24 |
|
Fri, 29 Apr 2011 14:59:02 +0200 skrev Birger Sørensen:
>Følgende er skrevet af Kurt Hansen:
>> Fri, 29 Apr 2011 03:52:44 -0700 (PDT) skrev scootergrisen:
>>
>>> Jeg vil ikke anbefale dig at bruge <pre> </pre> til at opstille koden
>>> fordi hvad når koden er meget bred som HTML kode jo typisk er så kan
>>> det komme til at se forkert ud på din hjemmeside.
>>>
>>> Jeg har gjort det at jeg har puttet koden ind i en <div> </div> også
>>> har jeg i CSS gjort så der kommer en scrollbar hvis koden er for bred.
>> Det kan man da også style <pre> til:
>>
>> pre {
>> font-size: 12px;
>> padding: 20px 20px 20px 40px;
>> margin: 0;
>> line-height: 20px;
>> background: url(pre_code_bg.gif) repeat-y left top;
>> overflow: auto;
>> overflow-Y: hidden; /* Skjuler lodret scrollbar lavet af IE */
>> }
>På bbsorensen.dk, under Software, og både Editor og AJAX er der
>kildekode vist i <textarea>.
>(f.eks http://bbsorensen.dk/?men=Software/Editor/HTML)
>Kildekoden til disse indeholder den rigtige kode - altså ikke nogen
>erstatninger eller entities.
>Den kildekode der vises (med HTML-validator i FF), har udskiftet
>teksten med entities (også for danske karakterer).
>Kopierer man koden fra disse <textarea>s, får man den rigtige kode,
>altså med < og > - ikke med entities.
Orkæj, det må jeg teste. Lige nu fungerer <pre> visuelt, men jeg kan
godt se fordelene ved <textarea>
>Hvorfor opfinde noget nyt, der gør det samme som noget der allerede
>eksisterer?
Yep, det har du ret i.
--
Venlig hilsen
Kurt Hansen
Ældre dame eller herrecykel købes billigt.
| |
|
|