infostabil > edb.internet.* > edb.internet.webdesign.html

Hans Henrik Hansen (27.10.2019, 10:17)
Der ser ikke ud til at være den helt store aktivitet i denne gruppe, men
jeg forsøger alligevel:

Jeg kan simpelthen ikke finde ud af at få Safari til (på computeren) at
vise æ, ø og å på nogenlunde konsistent manér! :(

Det fremstår OK i Chrome, Firefox og sågar Safari (på en iPad!) - men
altså ikke på min iMac!

Jeg har prøvet at illustrere mine trængsler her:

[..]

Det ser iøvrigt ud til, at andre oplever tilsvarende vanskeligheder:

[..]

Kommentarer?
Klaus Alexander Seistrup (27.10.2019, 10:59)
Hans Henrik Hansen skrev:

> Jeg kan simpelthen ikke finde ud af at få Safari til (på computeren)
> at vise æ, ø og å på nogenlunde konsistent manér! :(
> [?]
> [..]


En websides indkodning kan angives to steder: i de headere webserveren
sender samtidig med siden, og så i en meta-rubrik på selve websiden.

Ud fra de givne eksempler, er der noget der kan tyde på at Safari på iMac
ignorerer meta-angivelserne. Hvis samtidig webserveren undlader at sende
informationer om indkodningen, vil sidstnævnte implicit sættes til Latin-1
(ISO-8859-1), og så får man det resultat du viser.

Siden du kun får spørgsmålstegn, og ikke ser besynderligheder som ?æ? i
stedet for ?æ?, er der noget der kan tyde på at websiden i virkeligheden
er skrevet i Latin-1. Kan det være rigtigt?

Hvad sker der i de forskellige browsere hvis du ændrer meta-linjen til

<meta content="text/html; charset=iso-8859-1">

eller helt undlader den?

Hvis det da vises korrekt i alle browsere, har du læsningen, eller du kan
gå et skridt videre og indkode websiden i UTF-8.

Jeg ved ikke hvordan man ser en webservers svar på en iMac, men på Linux
kan man fx sige

$ w3m -dump_head "$URL"

Fx

$ w3m -dump_head [..]
HTTP/1.0 200 OK
Accept-Ranges: bytes
Alt-Svc: quic=":443"; ma=2592000; v="44,43,39"
Content-Length: 9654
Content-Type: text/html; charset=utf-8
Etag: "ppdzku7g6"
Last-Modified: Wed, 03 Apr 2019 13:17:18 GMT
Server: Caddy
Strict-Transport-Security: max-age=31556925
Date: Sun, 27 Oct 2019 08:54:27 GMT

Det er ?Content-Type?-headeren der er interessant i dit tilfælde. Hvis der
ikke er angivet et tegnsæt, vil din Safari tro at det er ISO-8859-1. Hvis
der står noget andet end UTF-8, vil den tro at det er det der står, uanset
meta-linjen.
Kim Ludvigsen (27.10.2019, 10:59)
Den 27/10/2019 kl. 15.17 skrev Hans Henrik Hansen:
> Der ser ikke ud til at være den helt store aktivitet i denne gruppe, men
> jeg forsøger alligevel:


Vi er da et par stykker tilbage ...

> Jeg kan simpelthen ikke finde ud af at få Safari til (på computeren) at
> vise æ, ø og å på nogenlunde konsistent manér! :(
> Det ser iøvrigt ud til, at andre oplever tilsvarende vanskeligheder:
> [..]


Løsningen står på ovenstående side:
Du skal have angivet et tegnsæt i serverens header, også kendt som
response-koden. Hvordan du gør det, afhænger af webserveren, og om du
bruger et scriptsprog som fx php.

Hvis du bruger php, kan du indsætte følgende linje, den skal indsættes
før andet output, altså før <html>:
<?php
header('Content-Type: text/html; charset=utf-8');
?>
Jan Hansen (27.10.2019, 11:28)
Hans Henrik Hansen skrev:

> Der ser ikke ud til at være den helt store aktivitet i denne gruppe, men
> jeg forsøger alligevel:
> vise æ, ø og å på nogenlunde konsistent manér! :(
> Det fremstår OK i Chrome, Firefox og sågar Safari (på en iPad!) - men
> altså ikke på min iMac!
> Jeg har prøvet at illustrere mine trængsler her:
> [..]
> Det ser iøvrigt ud til, at andre oplever tilsvarende vanskeligheder:
> [..]
> Kommentarer?


Det er en skam, du ikke enten har skrevet et link til den side det drejer sig om,
eller skriver, om der er samme problem med [..]
Der står ingen steder på den side, hvad charset, der er brugt. Linien
<meta charset="UTF-8" /> giver ingen mening, når der står det er html4. Det bliver
ikke bedre af det " /" til sidst, der absolut ikke har noget at gøre i html4.
Hvis safari kan vise siden med "Vesteuropæisk (ISO Latin 1)", gætter jeg på, den _er_
Latin1. Hvis du er 100% sikker på det er utf-8, kan du fortælle safari og andre
browsere det, ved at rette siden til enten:

<!doctype html public "-//W3C//DTD HTML 4.0//EN">
<html lang="da">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>traef_19</title>
</head>

eller lave det som html5:

<!DOCTYPE HTML>
<html lang='da'>
<head>
<meta charset="UTF-8">
<title>traef_19</title>
</head>
Hans Henrik Hansen (27.10.2019, 13:22)
Jan Hansen <jhjjhjhhansen> wrote:
.......
> Det er en skam, du ikke enten har skrevet et link til den side det drejer
> sig om, eller skriver, om der er samme problem med
> [..]. Der står ingen steder på den
> side, hvad charset, der er brugt ....


Først tak for hurtige og meget oplysende/inspirerende svar! :)

I den citerede tekst sætter du fingeren på et ømt punkt - for der VAR
faktisk tilsvarende 'visnings-problemer' med dén!

Jeg bliver nok nødt til nu at 'gå et spadestik dybere ned' - i stedet
for at prøve med 'genbrug af kode, som tidligere har virket'!!
Hans Henrik Hansen (28.10.2019, 20:08)
Hans Henrik Hansen <h2vhspam> wrote:

> Jan Hansen <jhjjhjhhansen> wrote:
> ......
> Først tak for hurtige og meget oplysende/inspirerende svar! :)
> I den citerede tekst sætter du fingeren på et ømt punkt - for der VAR
> faktisk tilsvarende 'visnings-problemer' med dén!
> Jeg bliver nok nødt til nu at 'gå et spadestik dybere ned' - i stedet
> for at prøve med 'genbrug af kode, som tidligere har virket'!!


Nu har jeg kigget lidt mere på sagen, hvilket (bla.) har medført:

1. Jeg har droppet 'charset' fra html filen.

2. I min (html) editor ('Sublime Text') har jeg valgt 'Save with
encoding : UTF-8'

3. Hos webhotellet har jeg modificeret .htaccess filen jf.:
[..]

Og NU ser det ud til at 'virke som tilsigtet' - i Safari (iMac + iPad),
Firefox (iMac) og Chrome (iMac)! :)
Dennis Munding (28.10.2019, 22:51)
Hans Henrik Hansen wrote:

> Hans Henrik Hansen <h2vhspam> wrote:
>> Nu har jeg kigget lidt mere på sagen, hvilket (bla.) har medført:

> 1. Jeg har droppet 'charset' fra html filen.


Det er absolut ikke en god idé, da browserne så kan misfortolke
specialtegn.

Da du stadig ikke har linket til omtalte side eller smidt relevant
kode, vil hjælpen være gætværk, men se Jan Hansens svar for korrekt
måde at sætte charset på.

html5 standarden gør alting meget nemmere, så det er klart at anbefale.
Hans Henrik Hansen (28.10.2019, 23:26)
Dennis Munding <nospa> wrote:

.....
> Da du stadig ikke har linket til omtalte side eller smidt relevant
> kode, vil hjælpen være gætværk, men se Jan Hansens svar for korrekt
> måde at sætte charset på.


Her en 'sanitized version' (= grafik 'kommenteret ud'):

[..]

> html5 standarden gør alting meget nemmere, så det er klart at anbefale


Det er jeg enig i - og vil kigge nærmere på! :)
Dennis Munding (29.10.2019, 17:27)
Hans Henrik Hansen wrote:

> Dennis Munding <nospa> wrote:
> ....
> Her en 'sanitized version' (= grafik 'kommenteret ud'):
> [..]
> Det er jeg enig i - og vil kigge nærmere på! :)


Ovenstående side i html5 (eksempel):

<!doctype html>
<html lang="da">
<head>
<meta charset="utf-8" />

<title>traef_19</title>

<style>
body {
background-color:#e7e7d9;
margin:120px;
color:#30f;
text-align:center;
}

h2 {
color:#f00;
margin-bottom:3em;
}

p {font-weight:bold;}
</style>
</head>

<body>
<section>
<h2>Hellerup, 2019</h2>

<p>Vi mødtes kl. 13 hos Gurli - solen skinnede, humøret var højt og
gensynsglæden var - som hver sommer - stor.</p>

<figure>
<img src="terr_1.JPG" alt="terrasse_1" /><br />
<img src="bord_3.jpg" alt="bord_3" /><br />
<img src="bord_4.jpg" alt="bord_4" />
</figure>

<p>Gurli foreslog, at vi skulle 'genoplive' Hans Jørgens idé fra
2016: "Dit liv til dato" - fem minutter til hver.</p>

<p>Forslagsstilleren fik æren af at lægge for og derefter blev der
tid til en række gode beretninger - uden at vi dog nåede hele raden
igennem.</p>

<p>Så der er lidt at glæde sig til i 2020 - hvor Henning iøvrigt
'tog opgaven på sine skuldre'!</p>
</section>
</body>
</html>
Hans Henrik Hansen (30.10.2019, 01:08)
Dennis Munding <nospa> wrote:

<...klip...>

> <p>Forslagsstilleren fik æren af at lægge for og derefter blev der
> tid til en række gode beretninger - uden at vi dog nåede hele raden
> igennem.</p>
> <p>Så der er lidt at glæde sig til i 2020 - hvor Henning iøvrigt
> 'tog opgaven på sine skuldre'!</p>
> </section>
> </body>
> </html>


Det ser klart og overskueligt ud - tak for input! :)
Lignende emner