HTML & CSSur HTML, XHTML & CSS
9 svar · 932 visningar · startad av Travoni
Är det fel syntax att "förkorta" en div på detta sätt?
<div class="clear" />
istället för:
<div class="clear"></div>
XHTML 1.0 Transitional
Vet ej.... skapade ett doc med följande kod:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div class="clear" />
</body>
</html>
och kollade på http://validator.w3.org/
Svaret jag fick ser du i bifogade pdf. :q
Oki, denna verkar validera:
<!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">
<head>
<title>Funkar?</title>
</head>
<body>
<div class="clear" />
</body>
</html>
Validerar gör de nog, men jag har för mig att IE (6:an i alla fall) har problem med att tolka det korrekt.
varför skulle du vilja göra så?
Tänk dig 10000 divar på en sida - det blir 50000 tecken färre med min variant... :bla ;)
10'000 divar? Då har du ju redan 3MB övrig HTML. Vad spelar då 50kB för roll? :P
Bättre att inte lägga till någon extra markup alls då. ;)
Pseudokod:
[red]<!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">
<head>
<title>Funkar?</title>
</head>
<body>
<div style="overflow:hidden">
<div som-är-floatad />
<div som-också-är-floatad />
</div>
</body>
</html>[/red]
Palle skrev:
Bättre att inte lägga till någon extra markup alls då. ;)
Pseudokod:
[red]<!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"> <head> <title>Funkar?</title> </head> <body> <div style="overflow:hidden"> <div som-är-floatad /> <div som-också-är-floatad /> </div> </body> </html>[/red]
overflow:hidden för att clear:a gör att du inte kan markera text i ett float:at element till ett element utanför i FF.
Det är endast godtagbar syntax om du faktiskt skickar det med en xml content-type. Annars så lär webbläsaren tolka det som en öppningstag för en div och "gissa" vart sluttaggen ska vara.
validator.nu är väl egentligen en bättre referens än w3...v.nu ger oftast bättre "fel"-meddelanden.
