/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
HTML5 semantisk layout
Fra : Jørgen Farum Jensen


Dato : 21-06-11 22:14

http://webdesign101.dk/html5/skabelon.php

er layoutet med de nye semantiske markører
header, hgroup, section, article, nav, aside
og footer.

Hos mig ser det ud som det skal i Opera,
Safari, Firefox, Chrome og IE9. Layoutet
er ok i IE8 og IE7 (IEtester). Der er visse
problemer med skriftstørrelse i de to
sidstnævnte og i Opera, men det vender jeg evt.
tilbage til.

Visningen skal være som i figuren
http://webdesign101.dk/html5/skabelon.jpg

Jeg er meget interesseret i at høre om
layoutmæssige afvigelser fra figuren.

Jeg har nu - tror jeg - identificeret
og rettet det problem der blev rapporteret
om i mit tidligere eksperiment.

--
Jørgen Farum Jensen
http://webdesign101.dk
..

 
 
Allan Vebel (21-06-2011)
Kommentar
Fra : Allan Vebel


Dato : 21-06-11 23:06

Jørgen Farum Jensen skrev:

> http://webdesign101.dk/html5/skabelon.php

Ser fint ud i forskellige browsere nu, tjekker lige
i en ægte IE 7 senere.

Validatoren brokker sig over:

<meta charset="iso-8859-15">

Hvorfor bruger du ikke den normale

<meta charset="iso-8859-1">?

--
Allan Vebel
http://vebel.dk | http://html-faq.dk


Allan Vebel (21-06-2011)
Kommentar
Fra : Allan Vebel


Dato : 21-06-11 23:19

Allan Vebel skrev:

> Ser fint ud i forskellige browsere nu, tjekker lige
> i en ægte IE 7 senere.

Layoutet fungerer, men menuer skranter lidt.

Kører jeg musen over menupunkterne, bliver
undermenuen hængende.

Man kan sagtens navigere, men der ser helt
kikset ud.

Fejlen opstår kun i IE 7, alle andre steder kører
det fint.

Der kan sikkert laves et IE7-fix, når du finder
årsagen


--
Allan Vebel
http://vebel.dk | http://html-faq.dk


Jørgen Farum Jensen (23-06-2011)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 23-06-11 12:51

Den 22-06-2011 00:19, Allan Vebel skrev:
> Allan Vebel skrev:
>
>> Ser fint ud i forskellige browsere nu, tjekker lige
>> i en ægte IE 7 senere.
>
> Layoutet fungerer, men menuer skranter lidt.
>
> Kører jeg musen over menupunkterne, bliver
> undermenuen hængende.
>
> Man kan sagtens navigere, men der ser helt
> kikset ud.
>
> Fejlen opstår kun i IE 7, alle andre steder kører
> det fint.
>
> Der kan sikkert laves et IE7-fix, når du finder
> årsagen

Tak til Allan og alle andre for input i denne
sag.

1) Det oprindelige layoutproblemer skyldtes, at
jeg ikke havde tænkt på, at man eksplicit skal skal
sætte display-værdi på alle elementer, der er
"ukendte" i en browser, således

header, hgroup, section, article, aside, nav,
footer {display:block;}

2) Problemet med at undermenuerne hænger i IE<8
har jeg ikke kunnet løse endnu. Jeg har udviklet
lidt på denne dropdown-menu uden at teste den
ordentligt i IE<8. Tilbage til tegnebrættet.

3) Tak for inputtet omkring tegnsæt. Meget af
det går hen over hovedet på mig. Hotelplads er
noget man køber - eller får forærende, hvilket
er tilfældet for webdesign101.dk.

a)
Validatoren køber ikke hverken
<meta charset="iso-8859-1"> eller
<meta charset="iso-8859-15">
på en side på webdesign101.dk.

b)
Det gør den derimod på
http://farumjensen.dk/html5/skabelon.php
som ligger på et andet webhotel.

c)
Hvorfor ikke utf-8? Fordi jeg først i dag
har fundet ud af, at min foretrukne editor
sagtens kan gemme filer i utf-8 formatet.

Min eneste undskyldning er at jeg ligesom
alle andre forfalder til at gøre "som jeg
altid har gjort". Så er det jo rart med et
wakeup call.

PS. For HTML5/CSS3 interesserede kan jeg
anbefale "HTML5 & CSS 3 for the Real World",
http://www.sitepoint.com/books/htmlcss1/

--
Jørgen Farum Jensen
http://webdesign101.dk
..

Karl Erik Christense~ (23-06-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 23-06-11 14:38

On 23-06-2011 13:50, Jørgen Farum Jensen wrote:

> 1) Det oprindelige layoutproblemer skyldtes, at
> jeg ikke havde tænkt på, at man eksplicit skal skal
> sætte display-værdi på alle elementer, der er
> "ukendte" i en browser, således
>
> header, hgroup, section, article, aside, nav,
> footer {display:block;}

Fænomenet løses sikkert med tiden. Nogle browsere er klar over at nogle
af de nye tags er blok-elementer. Chrome f.eks. ved det, medens bla. FF
endnu ikke er udstyret med denne viden.

> 3) Tak for inputtet omkring tegnsæt. Meget af
> det går hen over hovedet på mig. Hotelplads er
> noget man køber - eller får forærende, hvilket
> er tilfældet for webdesign101.dk.

Jeg lavede engang denne side om at gemme rigtigt:
http://webdesign.ranunkelvej.com/tegnsaet/gem.php

Karl Erik.

Jørgen Farum Jensen (23-06-2011)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 23-06-11 16:58

Den 23-06-2011 15:37, Karl Erik Christensen skrev:
> On 23-06-2011 13:50, Jørgen Farum Jensen wrote:
>
>> 1) Det oprindelige layoutproblemer skyldtes, at
>> jeg ikke havde tænkt på, at man eksplicit skal skal
>> sætte display-værdi på alle elementer, der er
>> "ukendte" i en browser, således
>>
>> header, hgroup, section, article, aside, nav,
>> footer {display:block;}
>
> Fænomenet løses sikkert med tiden. Nogle browsere er klar
> over at nogle af de nye tags er blok-elementer. Chrome
> f.eks. ved det, medens bla. FF endnu ikke er udstyret med
> denne viden.

Det er nu bagud-kompatibiliteten der er det største
som vi så i mine første eksempler.

>> 3) Tak for inputtet omkring tegnsæt. Meget af
>> det går hen over hovedet på mig. Hotelplads er
>> noget man køber - eller får forærende, hvilket
>> er tilfældet for webdesign101.dk.
>
> Jeg lavede engang denne side om at gemme rigtigt:
> http://webdesign.ranunkelvej.com/tegnsaet/gem.php

Jeg husker siden, men har åbenbart ikke lagt mig
budskabet på sinde. Og som sagt - ANSI har været
godt nok i mange år.

--
Jørgen Farum Jensen
http://webdesign101.dk
..

Karl Erik Christense~ (23-06-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 23-06-11 17:25

On 23-06-2011 17:58, Jørgen Farum Jensen wrote:

> Det er nu bagud-kompatibiliteten der er det største
> som vi så i mine første eksempler.

Ja det er rigtigt, men tiden løser nu også mange problemer.

Jeg husker f.eks. Windows 95, som jeg installerede på en masse pc'er i
1995-97.
Når man efter installationen ville opdatere Windows, blev man mødt med
beskeden: "Din browser understøtter ikke frames"

Karl Erik.

Karl Erik Christense~ (22-06-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 22-06-11 01:32

On 22-06-2011 00:06, Allan Vebel wrote:
> Jørgen Farum Jensen skrev:
>
>> http://webdesign101.dk/html5/skabelon.php
>
> Ser fint ud i forskellige browsere nu, tjekker lige
> i en ægte IE 7 senere.
>
> Validatoren brokker sig over:
>
> <meta charset="iso-8859-15">
>
> Hvorfor bruger du ikke den normale
>
> <meta charset="iso-8859-1">?
>

Jørgen Farum Jensen fortæller med meta charset at dokumentet er skrevet
med iso-8859-15, men det er i virkeligheden skrevet med windows-1252.

Vigtigste forskel på 8859-1 og 8859-15 er at 8859-15 har € (euro) tegnet.

Med iso-8859-1 er der problemer med især finske og franske tegn, men det
er der ikke med 8859-15, som så til gengæld viser forkerte
spørgsmålstegn og apostroffer.

Jeg tror at fremtiden især sammen med html5, er utf-8.

Karl Erik.

Karl Erik Christense~ (22-06-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 22-06-11 01:41

On 22-06-2011 02:32, Karl Erik Christensen wrote:

> Jørgen Farum Jensen fortæller med meta charset at dokumentet er skrevet
> med iso-8859-15, men det er i virkeligheden skrevet med windows-1252.

Med override in effect encoding windows-1252 fås:
Tentatively (forsøgsvis) passed, 3 warning(s)

Karl Erik.

Stig Johansen (22-06-2011)
Kommentar
Fra : Stig Johansen


Dato : 22-06-11 11:07

Karl Erik Christensen wrote:

> Jeg tror at fremtiden især sammen med html5, er utf-8.

Jeg tror fremtiden er enten utf-8 eller win-1252.

SVJH fandt Jens Peter en artikel, hvor man fremover ændrer default (iso
8859-1) til Win-1252 (sikkert i forbindelse med HTML 5).
Dvs hvor serveren ikke sender noget charset i sin header.

Utf-8 som 'wiredata' er perfekt til unicode, da det fylder mindst, men vi
skal også huske at MS bruger Utf-16, der har den fordel, at de første 256
codepoints = Win-1252 så man undgår en egentlig konvertering af encoding
(aka performancetab).

Tiden må vise hvad der sker, men historisk startede det her:
http://www.w3.org/Protocols/rfc2616/rfc2616-sec3.html#sec3.4.1
<quote>
Some HTTP/1.0 software has interpreted a Content-Type header without charset
parameter incorrectly to mean "recipient should guess."
</quote>
samt
http://www.w3.org/Protocols/rfc2616/rfc2616-sec3.html#sec3.7.1
<quote>
When no explicit charset parameter is provided by the sender, media subtypes
of the "text" type are defined to have a default charset value of
"ISO-8859-1" when received via HTTP.
</quote>

Det er sikkert ændring af diusse regler, der trigger en 'valideringsfejl'.

--
Med venlig hilsen
Stig Johansen

Martin (22-06-2011)
Kommentar
Fra : Martin


Dato : 22-06-11 11:49

On 22-06-2011 12:07, Stig Johansen wrote:
> Karl Erik Christensen wrote:
>
>> Jeg tror at fremtiden især sammen med html5, er utf-8.
>
> Jeg tror fremtiden er enten utf-8 eller win-1252.
>
> SVJH fandt Jens Peter en artikel, hvor man fremover ændrer default (iso
> 8859-1) til Win-1252 (sikkert i forbindelse med HTML 5).
> Dvs hvor serveren ikke sender noget charset i sin header.
>
> Utf-8 som 'wiredata' er perfekt til unicode, da det fylder mindst, men vi
> skal også huske at MS bruger Utf-16, der har den fordel, at de første 256
> codepoints = Win-1252 så man undgår en egentlig konvertering af encoding
> (aka performancetab).
>
> Tiden må vise hvad der sker, men historisk startede det her:
> http://www.w3.org/Protocols/rfc2616/rfc2616-sec3.html#sec3.4.1
> <quote>
> Some HTTP/1.0 software has interpreted a Content-Type header without charset
> parameter incorrectly to mean "recipient should guess."
> </quote>

På en 100% standard Apache webserver indstillinger er der IKKE sat noget
charset overhovedet - så hvis man ikke sætter det på via enten headers
(for ajax output fx) eller meta tags, så er det browseren der gætter -
Chrome og Firefox (på Windows UK 7 med danske/engelske* browser
installations filer) bliver iso-8859-1 valgt som default kodningstype.


* Dansk = Chrome 12, engelsk = Firefox 5

Karl Erik Christense~ (22-06-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 22-06-11 12:00

On 22-06-2011 12:07, Stig Johansen wrote:
>
> Det er sikkert ændring af diusse regler, der trigger en 'valideringsfejl'.
>

Hej Stig.

Ikke uden grund at en engang sagde: "Det er svært at spå - især om
fremtiden"

Jeg er ikke stødt på servere der bestemmer tegnsæt endnu.
Tror dog ikke nye standarter vil bruge fallback til windows-1252, for MS
vedbliver med at tabe terræn, både browser og OS mæssigt.

Jørgen Farum Jensen har gemt sit dokument med windows-1252 encoding.
Hvis det gemmes med iso-8859-1, eller iso-8859-15 (hvilket måske ikke er
muligt i den anvendte editor), forsvinder fejlen hos W3C:

Validation Output: 1 Error

1. Warning Using windows-1252 instead of the declared encoding
iso-8859-1.

2. Error Line 5, Column 28: Internal encoding declaration
iso-8859-15 disagrees with the actual encoding of the document
(windows-1252).
<meta charset="iso-8859-15">

Karl Erik.

Stig Johansen (22-06-2011)
Kommentar
Fra : Stig Johansen


Dato : 22-06-11 12:55

Karl Erik Christensen wrote:

> Hej Stig.
>
> Ikke uden grund at en engang sagde: "Det er svært at spå - især om
> fremtiden"
>
> Jeg er ikke stødt på servere der bestemmer tegnsæt endnu.

Jo Karl, Jørgen's gør.
<telnet session>
sj@lwork1> telnet webdesign101.dk 80
Trying 92.246.23.233...
Connected to webdesign101.dk.
Escape character is '^]'.
GET /html5/skabelon.php HTTP/1.1
Host: webdesign101.dk
Connection: close


HTTP/1.1 200 OK
Date: Wed, 22 Jun 2011 11:11:07 GMT
Server: Apache/1.3.34 (Debian) PHP/4.3.10-22
X-Powered-By: PHP/4.3.10-22
Connection: close
Transfer-Encoding: chunked
Content-Type: text/html; charset=iso-8859-1
....
</telnet session>

Dvs. Jørgen sender explicit iso-8859-1 til klienterne, og enhver anden
'meta' vil være invalid.

> Tror dog ikke nye standarter vil bruge fallback til windows-1252, for MS
> vedbliver med at tabe terræn, både browser og OS mæssigt.

Nu er det vist ikke MS specifikt som sådan, for iso-8859-1 og win-1252 er
vist meget ens.

Men bortset fra det så viser browsere det samme (dvs. mine browsere aka FF
Konqueror/IE6(+))

> 2. Error Line 5, Column 28: Internal encoding declaration
> iso-8859-15 disagrees with the actual encoding of the document
> (windows-1252).
> <meta charset="iso-8859-15">

Jeg gider ikke rigtig de forp*lede charsets mere, da det har været årsag til
adskillige grå hår de sidste 30 år

MEN forskellen skal ses i området med 'control codes', der ligger i området
0-31, og af hensyn til paritetsbit i fortiden i samme område med første bit
sat.

Dvs. 128..128+31

Browserene er ligeglade, men validatoren har åbenbart strammet op.

--
Med venlig hilsen
Stig Johansen

Karl Erik Christense~ (22-06-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 22-06-11 13:33

On 22-06-2011 13:54, Stig Johansen wrote:

> Jo Karl, Jørgen's gør.

Ja ok, det ser jeg nu.

Ikke for at tærske langhalm, men hvis serveren _vil_ sende iso-8859-1,
og dokumentet er encoded med windows-1252, sker der vel også en
kollision, som validatoren gør opmærksom på?

Så vidt jeg også forstår, er iso-8859-1 og windows-1252 ens, på nær de
forhold med control karakterer, som du påpeger.

Jeg mener dog at hvis dokumentet hives ind i editoren, og derefter
gemmes som iso-8859-1(15) i stedet for windows-1252, vil dette
tilfredsstille validatoren.

I linux som jeg bruger er det så nemt, for her er utf-8 standart hele
vejen i gennem. Men hvis serveren insisterer på 8859-1, skal man
selvfølgelig efterkomme dette.

Karl Erik.

Stig Johansen (23-06-2011)
Kommentar
Fra : Stig Johansen


Dato : 23-06-11 11:41

Karl Erik Christensen wrote:

> On 22-06-2011 13:54, Stig Johansen wrote:
>
>> Jo Karl, Jørgen's gør.
>
> Ja ok, det ser jeg nu.
>
> Ikke for at tærske langhalm, men hvis serveren _vil_ sende iso-8859-1,

Ikke _vil_, men _gør_.

Det er 'Jørgens' server, så den eneste der kan forklare adfærden er Jørgen
selv.

Vi andre kan kun se resultatet.

> og dokumentet er encoded med windows-1252, sker der vel også en
> kollision, som validatoren gør opmærksom på?

Lige præcis, og det var det jeg mente med 'strammere regler' i forhold til
HTML5/Doctype/indhold.

Bemærk også at der tilsyneladende er en BOM, jfr. telnet session:
<udpluk>
de2
<!DOCTYPE html>
<html lang="da">
<head>
........
</udpluk>

Jeg har ikke lige mine værktøjer tilgængelige, så jeg ikke afgøre hvilken
BOM der er tale om.

Efter flere forsøg ser det ud som om Jørgens server returnerer:
2E 0D 0A

Så mon ikke det bare er et punktum, der driller?

> Så vidt jeg også forstår, er iso-8859-1 og windows-1252 ens, på nær de
> forhold med control karakterer, som du påpeger.

Njaaah...
Det er nok nærmere ISO 8859-15 og Win-1252, der er ens.
Det jeg (som dansker) husker mest var indførsel af Euro-tegnet, som ikke
eksisterer i iso-8859-1.

Men 'allerede' med Win95 R2, gik 'man' fra UCS-2 til UTF-16 og indførte også
eurotegnet.

> Jeg mener dog at hvis dokumentet hives ind i editoren, og derefter
> gemmes som iso-8859-1(15) i stedet for windows-1252, vil dette
> tilfredsstille validatoren.

I Windows kan man ikke angive de 'gamle' codepages, så man kan ikke afgøre
hvilken codepage, der er brugt (med mindre der er en BOM).

http://en.wikipedia.org/wiki/Byte_order_mark

> I linux som jeg bruger er det så nemt, for her er utf-8 standart hele
> vejen i gennem.

_Din_ Linux, Karl, for på min Linux er det 'singlebyte', der er standard
hele vejen igennem

Da jeg ikke henvender mig til, eller har brug for, 'eksotiske' tegnsæt, ser
jeg ingen begrundelse for at bevæge mig ud over de første 256 codepoints ;)

> Men hvis serveren insisterer på 8859-1, skal man
> selvfølgelig efterkomme dette.

Jørgens gør, og hvis Jørgen ikke kan vælge, må han naturligvis leve med
iso-8859-1.

(Hvis man ikke kan få den man elsker, må man elske den man kan få ;)

Kun Jørgen kender mulighederne for hans 'egen' server.

--
Med venlig hilsen
Stig Johansen

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste