webForumDet fria alternativet
Logga in / Bli medlem

Nu har jag tagit tag i saken | XHTML

HTML & CSS

37 svar · 1 804 visningar · startad av Fredrik.an

Fredrik.anMedlem sedan sep. 2001162 inlägg
Frågan#1

Jag har länge haft en bok hemma om XHTML för nybörjare, och nu känner jag mig redo för att gå över till ren XHTML. DÄrför började jag nu då och sen har jag bara gjort grunderna, alltså en grund för en vanlig sida.

Detta är koden:
[KOD]<!DOCTYPE html PUBLIC "_//W3C/DTD XHTML 1.0 transitional/EN"
"http://www.w3c.org/TR/xhtml/DTD/xhtml1-trasitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ett litet XHTMLdokument</title>
</head>

<body>
Lite text
</body>
</html>KOD]

Det strular och några frågor har nu kommit upp i huvudet:

  1. Vad i hela friden innebär UTF-8?

  2. min <html xmlns="http://www.w3.org/1999/xhtml"> ser ut så i boken, ska det vara 1999 i dagens läge eller finns det nyare jag ska skriva in?

Detta var nog de första frågorna...
Ni kan gärna validera själva om ni inte fatta:
adressen är: http://www.lelmotorsport.com/xhtml/test.html

Geins avatarGeinMedlem sedan sep. 20005 700 inlägg
#2

Jag sitter för tillfället också och kodar xhtml och så här ser mina dokument ut:

<?//xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

Nu kör jag visserligen strict men html-taggen bör se likadan ut och dessutom kan du lägga in meta-taggen jag har som beskriver vilken teckenuppsättning som används.

På susning.nu kan du läsa vad UTF-8 är.

Fredrik.anMedlem sedan sep. 2001162 inlägg
#3

Gein skrev:

Jag sitter för tillfället också och kodar xhtml och så här ser mina dokument ut:

<?//xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

Nu kör jag visserligen strict men html-taggen bör se likadan ut och dessutom kan du lägga in meta-taggen jag har som beskriver vilken teckenuppsättning som används.

På susning.nu kan du läsa vad UTF-8 är.

Jag fattade dock inte vad UTF-8 var och varför det inte funkade förr... NU tog jag ditt huvud. Men den varnade dock på denna rad:

<?//xml version="1.0"?>

Tog då bort den och då funkade allt kalas...
Sen funderar jag bara på en sak, jag jämförde lite med din och palleman.nu.s huvud, han hade inte en utan sv. Vad är skillnaden? Jag ändrade oxå till sv, bra eller dåligt? :?

Tack för hjälpen!

MeleaMedlem sedan juli 20033 147 inlägg
#4

Byt ut

<?//xml version="1.0"?>

mot

<?xml version="1.0" encoding="UTF-8"?>
Fredrik.anMedlem sedan sep. 2001162 inlägg
#5

Melea skrev:

Byt ut

<?//xml version="1.0"?>

mot

<?xml version="1.0" encoding="UTF-8"?>

Dock blir det ju inte rätt då det är utf i din men annat i meta...

Kan någon förklara vad man egentligen ska ha? Det känns som om alla kör olika :?

Geins avatarGeinMedlem sedan sep. 20005 700 inlägg
#6

Jag har tagit det från w3c:s egna sidor. Dom skrev

<?xml version="1.0"?>

Sen lade jag till // i början för att inte få problem med PHP.
Det rätt av dej att byta från en till sv. Jag har glömt bort att ändra då jag saxade direkt från w3.

Fredrik.anMedlem sedan sep. 2001162 inlägg
#7

Kan ni vara snälla att validera detta: http://www.lelmotorsport.com/xhtml/test1.html

Jag fattar inte vad som är fel. Jag följer en bok som heter XHTML-Handboken
Av Jesper Ek och Ulrika Eriksson utgiven av Pagina..
Någon som läst den? Jag har ju gjort som dem och ändå valideras det fel :?

MeleaMedlem sedan juli 20033 147 inlägg
#8

Så här kan ett dokument se ut.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title></title>
	<meta http-equiv="content-type" 
		content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body>

     <p>... Din text här ...</p>

</body>
</html>

Om du däremot kör PHP på sidan får du skriva

<?
echo '<?xml version="1.0" encoding="utf-8"?>';
?>
Fredrik.anMedlem sedan sep. 2001162 inlägg
#9

Melea skrev:

Så här kan ett dokument se ut.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title></title>
	<meta http-equiv="content-type" 
		content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body>

     <p>... Din text här ...</p>

</body>
</html>

Om du däremot kör PHP på sidan får du skriva

<?
echo '<?xml version="1.0" encoding="utf-8"?>';
?>

Ok, jag har kört med din kod men laggt till en <h1>testar</h1> inom p. Men det blir fel i valideringen. Din kod med h1 finns här: http://www.lelmotorsport.com/xhtml/test2.html

varför är det fel?

Geins avatarGeinMedlem sedan sep. 20005 700 inlägg
#10

Nu skriver du ju i Strict och inte Transitional (som inte är lika hård). Att ta steget från html till xhtml transitional är nog lättare för dej men om du vill gå på Strict direkt, kul! :)

Vad gäller felen.
h-taggen får inte ligga inom paragraftaggen (<p>) till skillnad från <br/> som måste ligga inom <p></p>

Fredrik.anMedlem sedan sep. 2001162 inlägg
#11

Gein skrev:

Nu skriver du ju i Strict och inte Transitional (som inte är lika hård). Att ta steget från html till xhtml transitional är nog lättare för dej men om du vill gå på Strict direkt, kul! :)

Vad gäller felen.
h-taggen får inte ligga inom paragraftaggen (<p>) till skillnad från <br/> som måste ligga inom <p></p>

Beror det på att h1 har en egen radbytning?
Nu blir det så här: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.lelmotorsport.com%2Fxhtml%2Ftest2.html

Och då stämmer altl eller? Alltså nu kommer det ju inte upp att jag kan länka till den där bilden, fast det kanske det bara gör när man kör strict?

Jag såg inte ens att jag hade strict på :r

MeleaMedlem sedan juli 20033 147 inlägg
#12

Jupp, allt stämmer nu. :)

Fredrik.anMedlem sedan sep. 2001162 inlägg
#13

Melea skrev:

Jupp, allt stämmer nu. :)

Och min tanke stämmer angående transitional och strict oxå eller? Alltså med bilden som man kan länka!

MeleaMedlem sedan juli 20033 147 inlägg
#14

Skriv

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

istället för den du har nu.

Fredrik.anMedlem sedan sep. 2001162 inlägg
#15

Melea skrev:

Skriv

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

istället för den du har nu.

Tack så mycket :D

Tinwëlints avatarTinwëlintMedlem sedan maj 2004451 inlägg
#16

Beror det på att h1 har en egen radbytning?

Ja, i princip. h1 är ett så kallat blockelement (såsom t ex <p>, <table> eller <ul>).
Det innebär att det på bredden är så brett som elementet det ligger inuti tillåter (en <h1> i <body> blir lika bred som webbläsarfönstret. Prova att sätta en bakgrund med hjälp av css så får du se).

web00132Medlem sedan maj 2001797 inlägg
#17

Kanske lite väl gammal tråd, men jag har ett liknande problem ang H1. Jag vill gör så här:

<style>
a:hover {
  display: block;
  border: 1px solid #eeeeee;
  text-decoration: none;
}
</style>
<a href="link.html">
  <h1>Rubrik</h1>
  En massa text
</a>

Det funkar skitbra men vill inte valideras (så klart). Någon som har en alternativ lösning? :OO

Troxys avatarTroxyMedlem sedan mars 20041 505 inlägg
#18

På tal om XHTMl, går inte Internet Explorer över i Quirks Mode om man har en XML-prolog innan sin doctype?

icaaqMedlem sedan okt. 20005 273 inlägg
#19

Jo

/icaaq

zcorpanMedlem sedan dec. 20042 245 inlägg
#20

Inte IE7.

256 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)